Skip to content

Latest commit

 

History

History
79 lines (49 loc) · 2 KB

README.md

File metadata and controls

79 lines (49 loc) · 2 KB

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 :

background-white

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 :

ColorFont

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 :

FontSize

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 :

FontFamily

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 :

Centered