Belajar HTML Style Attribute

Belajar HTML Style Attribute
Belajar HTML Style Attribute - Attribute merupakan struktur HTML yang menjelaskan informasi mengenai tag yang digunakan. Seperti pada penjelasan 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 dan bertuliskan dengan warna kuning.</p>
  • Yang berwarna merah meupakan Property, yang merupakan nama dari style yang digunakan.
  • Yang berwarna kuning itu merupakan 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, seperti background, font-size, color, text-aligntment, font, dll.

HTML Background Color

HTML Background Color berfungsi untuk mengatur warna latar belakang/background 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 tulisan 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 jenis font/tulisan pada elemen yang ditulis, property ini ditulis font-family
Aturan Penulisan:
  • Jika nama font tidak mengandung spasi maka ditulis biasa, contoh arial, verdana, lato, dll.
  • Jika nama font mengandung spasi, maka nama font tersebut diberi tanda petik, contoh "Times New Roman", "Lato Thin", dll.
Contoh.
<p style="font-family: courier;">Text ini Courier.</p>
<p style="font-family: 'Lato Thin'";>Text ini Lato Thin.</p>
Hasilnya

Text ini Courier.

Text ini Lato Thin.


HTML Text Size

Property ini untuk mengatur ukuran huruf pada element HTML, penulisanya font-size. Contoh.
<p style="font-size: 36px;">Font ini berukuran 36px.</p>
Hasilnya.

Font ini berukuran 36px.


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.

1 Response to "Belajar HTML Style Attribute"

  1. Hi Selina



    i am Montoya Jazhel from the philiphines ,i was in a big problem in my marital life so i read your testimony on how Dr Ikhide help you get your husband back and i said i will give it a try and i contacted the Dr Ikhide to help me and he promised to help me get my problem solved. now am so happy with my life because all my problems are over. Thanks to the great Dr Ikhide for the help and Thanks to you Selina.

    You can reach him with this email:- dr.ikhide@gmail.com and i promise he will not disappoint you.



    I AM SO HAPPY…… remember here is his email:- dr.ikhide@gmail.com or whatsapp :- +2349058825081








































    Kumusta Selina



    ako si Montoya Jazhel mula sa pilipinas, ako ay nasa malaking problema sa aking buhay sa pag-aasawa kaya nabasa ko ang iyong patotoo sa kung paano tulungan si Dr Ikhide na maibalik ang iyong asawa at sinabi kong susubukan ko ito at makipag-ugnay sa Dr Ikhide upang matulungan ako at nangako siyang tulungan ako na malulutas ang aking problema. ngayon masaya ako sa aking buhay dahil ang lahat ng aking mga problema ay tapos na. Salamat sa mahusay na Dr Ikhide para sa tulong at Salamat sa iyo Selina.

    Maabot mo siya sa email na ito: - dr.ikhide@gmail.com at ipinapangako ko na hindi ka niya bibiguin.



    AKO KAYA NAKAKITA …… tandaan dito ay ang kanyang email: - dr.ikhide@gmail.com or whatsapp :- +2349058825081

    BalasHapus

Iklan Atas Artikel

Iklan Tengah Artikel 1

Iklan Tengah Artikel 2

Iklan Bawah Artikel