HTML Styling
Setiap elemen HTML memiliki gaya default (warna latar belakang putih dan warna teks hitam).
Mengubah gaya default elemen HTML, dapat dilakukan dengan atribut style.
Contoh ini mengubah warna latar belakang standar dari putih ke abu-abu terang
<body style="background-color:lightgrey">
<h1>This is a heading</h1>
<p>This is a paragraph.</p>
</body>
<h1>This is a heading</h1>
<p>This is a paragraph.</p>
</body>
HTML Text Color
Properti color mendefinisikan warna teks yang akan digunakan untuk elemen HTML:
<body>
<h1 style="color:blue">This is a heading</h1>
<p style="color:red">This is a paragraph.</p>
</body>
<h1 style="color:blue">This is a heading</h1>
<p style="color:red">This is a paragraph.</p>
</body>
HTML Fonts
Properti font-family mendefinisikan font yang akan digunakan untuk elemen HTML:
<body>
<h1 style="font-family:verdana">This is a heading</h1>
<p style="font-family:courier">This is a paragraph.</p>
</body>
<h1 style="font-family:verdana">This is a heading</h1>
<p style="font-family:courier">This is a paragraph.</p>
</body>
HTML Text Size
Properti font-size mendefinisikan ukuran teks yang akan digunakan untuk elemen HTML:
<body>
<h1 style="font-size:300%">This is a heading</h1>
<p style="font-size:160%">This is a paragraph.</p>
</body>
<h1 style="font-size:300%">This is a heading</h1>
<p style="font-size:160%">This is a paragraph.</p>
</body>
HTML Text Alignment
Properti text-align mendefinisikan perataan teks horisontal untuk sebuah elemen HTML:
<body>
<h1 style="text-align:center">Centered Heading</h1>
<p>This is a paragraph.</p>
</body>
<h1 style="text-align:center">Centered Heading</h1>
<p>This is a paragraph.</p>
</body>
No comments:
Post a Comment