Kamis, 26 Maret 2020

HTML Styles

Contoh

Saya Merah
Saya Biru
Aku besar
Cobalah sendiri "

HTML Style Atribut

Pengaturan gaya elemen HTML, dapat dilakukan dengan styleatribut.
HTML styleatribut memiliki berikut sintaks :
<tagname style="property:value;">
The properti adalah properti CSS. The nilai adalah nilai CSS.
Anda akan belajar lebih banyak tentang CSS nanti dalam tutorial ini.

Warna latar belakang

CSS background-colorproperti mendefinisikan warna latar belakang untuk elemen HTML.
Contoh ini menetapkan warna latar belakang untuk halaman untuk powderblue:

Contoh

<body style="background-color:powderblue;">

<h1>This is a heading</h1>
<p>This is a paragraph.</p>

</body>
Cobalah sendiri 

Warna teks

CSS colorproperti mendefinisikan warna teks untuk elemen HTML:

Contoh

<h1 style="color:blue;">This is a heading</h1>
<p style="color:red;">This is a paragraph.</p>
Cobalah sendiri "

font

CSS font-familyproperti mendefinisikan font yang akan digunakan untuk elemen HTML:

Contoh

<h1 style="font-family:verdana;">This is a heading</h1>
<p style="font-family:courier;">This is a paragraph.</p>
Cobalah sendiri "

Ukuran teks

CSS font-sizeproperti mendefinisikan ukuran teks untuk elemen HTML:

Contoh

<h1 style="font-size:300%;">This is a heading</h1>
<p style="font-size:160%;">This is a paragraph.</p>
Cobalah sendiri "

 teks Keselarasan

CSS text-alignproperti mendefinisikan perataan teks horisontal untuk sebuah elemen HTML:

Contoh

<h1 style="text-align:center;">Centered Heading</h1>
<p style="text-align:center;">Centered paragraph.</p>
Cobalah sendiri "

Bab Ringkasan

  • Gunakan styleatribut untuk styling elemen HTML
  • Gunakan background-coloruntuk warna latar belakang
  • Gunakan coloruntuk warna teks
  • Gunakan font-familyuntuk font teks
  • Gunakan font-sizeuntuk ukuran teks
  • Gunakan text-alignuntuk perataan teks

Latihan HTML

Uji Diri Dengan Latihan

Olahraga:

Menggunakan atribut HTML yang benar, dan CSS, untuk mengatur warna paragraf untuk "biru".
<p ="; "> Ini adalah sebuah paragraf </ p>.

Tidak ada komentar:

Posting Komentar

Pemrograman Dasar dan Algoritma

  Algoritma dan Pemrograman Dasar 1.  Apakah Itu Algoritma Ditinjau dari asal-usul katanya, kata Algoritma sendiri mempunyai sejarah y...