Belajar HTML Style Attribute

Belajar HTML Style Attribute - Attribute merupakan kode html yang menjelaskan informasi mengenai tag yang digunakan. Seperti pada postingan sebelumnya.
Dengan Attribute, kita dapat mengkustomisasi tampilan halaman web dengan atribut Style. Fungsinya sama seperti css, namun ini dilakukan didalam tag HTML itu sendiri.
Berikut adalah contoh penulisan HTML Style Attribute.

<p style="background-color: red;">Ini adalah paragraf yang berlatar belakang merah.</p>

Yang berwarna merah itu namanya Property, yang merupakan nama dari style yang digunakan. Dan yang berwarna kuning itu namanya Value, yaitu penjelasan atau isi dari property. Jangan lupa untuk memberi simbol titik komah (;) diakhir dari value, agar tidak error. Hasilnya.

Ini adalah paragraf yang berlatar belakang merah.

Nah, berikutnya saya akan menjelaskan macam-macam style yang paling sering digunakan, ada background, font-size, color, text-aligntment, font, dll. Langsung saja.

HTML Background Color

HTML Background Color berfungsi untuk mengatur warna pada element HTML yang dipilih. Untuk penulisanya bisa menggunakan property background-color.
Contoh, kali ini saya akan mengganti warna paragraf menjadi hijau.

<p style="background-color: green;">Paragraf ini memiliki warna latar belakang hijau buntut tokek.</p>

Hasilnya.

Paragraf ini memiliki warna latar belakang hijau buntut tokek.

HTML Text Color

Property ini digunakan untuk mengatur warna pada element html yang dipilih, kode propertynya color. Contoh

<p style="color: red;">Text ini berwarma merah</p>

Hasilnya.

Text ini berwarma merah

HTML Fonts

Property ini berfungsi untuk mengatur font pada elemen yang ditulis, property ini ditulis font-family. Contoh.

<p style="font-family: courier;">Text ini Courier.</p> <p style="font-family: verdana;">Text ini Verdana.</p>

Hasilnya

Text ini Courier.

Text ini Verdana.

HTML Text Size

Property ini untuk mengatur ukuran teks pada element HTML, penulisanya font-size. Contoh.

<p style="font-size: 16px;">Font ini berukuran 16px.</p>

Hasilnya.

Font ini berukuran 16px.

HTML Text Aligntment

Property text alignment digunakan untuk mengatur perataan teks pada element HTML yang dipilih. Bisa rata kanan, kiri, tengah, atau kanan-kiri. Penulksanya dengan menggunakan text-align. Contoh.

<p style="text-align: center;">Text Ditengah</p>
<p style="text-align: right;">Text dikanan</p>

Hasilnya.

Text Ditengah

Text dikanan

Itulah beberapa style attribute yang dapat saya sampaikan, sebenarnya masih banyak lagi, tapi saya bagikan yang biasa digunakan saja.
Sekian postingan saya yang berjudul Belajar HTML Style Attribute.
Jangan lupa baca postingan saya sebelumnya Belajar HTML Paragraf.