HTML Style
Apa Itu HTML Style ?
HTML Style adalah atribut yang digunakan untuk memberikan style/gaya pada suatu elemen, seperti color, font, size, dan sebagainya.
Atribut Style memiliki sintaks seperti berikut:
<tag style="property:value;">Contoh Penerapan Style
Background Color
Background color berfungsi untuk mendefinisikan warna latar belakang pada suatu elemen HTML.
<body style="background-color:white;">
<h1>Hello World</h1>
</body>Hasilnya :
Text Color
Color berfungsi untuk mendefinisikan warna teks pada suatu elemen HTML.
<h1 style="color:red;">Ini heading berwarna merah.</h1>
<p style="color:yellow;">Ini paragraf berwarna kuning.</p>Hasilnya :
Text Size
Text size berfungsi untuk mendefinisikan ukuran teks pada suatu elemen HTML.
<h1 style="font-size:300%;">This is a heading.</h1>
<p style="font-size:160%;">This is a paragraph.</p>Hasilnya :
Font Family
Font family berfungsi untuk mendefinisikan font yang akan digunakan pada elemen HTML.
<h1 style="font-family:arial;">Ini heading dengan jenis font arial.</h1>
<p style="font-family:serif;">Ini paragraf dengan jenis font serif.</p>Hasilnya :
Text Align
Text align berfungsi untuk menentukan posisi elemen secara horizontal.
<h1 style="text-align:center;">Centered Heading</h1>
<p style="text-align:center;">Centered paragraph.</p>Hasilnya :
Last updated on January 10, 2023