Sintaks:
style="property:value"
Beberapa contoh penggunaan atribut style:
1. Warna Background
<html>
<head>
<title>HTML Style</title>
</head>
<body style="background-color:Beige">
<h1>Judul</h1>
<p>Isi Paragraf.</p>
</body>
<h1>Judul</h1>
<p>Isi Paragraf.</p>
</body>
</html>
<html>
<head>
<title>HTML Style</title>
</head>
<body style="color:Red">
<h1>Judul</h1>
<p>Isi Paragraf.</p>
</body>
</html>
3. Jenis Font
<html>
<head>
<title>HTML Style</title>
</head>
<body>
<h1 style="font-family:courier">Judul</h1>
<p style="font-family:Comic Sans MS">Isi Paragraf.</p>
</body>
</html>
4. Pengaturan Rata Kanan, Kiri, atau Tengah
<html>
<head>
<title>HTML Style</title>
</head>
<body>
<h1 style="text-align:center">Judul di Tengah</h1>
<p style="text-align:left">
Ini paragraf pertama dengan tampilan rata kiri.
</p>
<p style="text-align:right">
Ini paragraf pertama dengan tampilan rata kiri.
</p>
</body>
</html>
5. Ukuran Huruf
<html>
<head>
<title>HTML Style</title>
</head>
<body>
<h1 style="font-size:200%">Judul</h1>
<h2 style="font-size:150%">Sub Judul.</h2>
<p style="font-size:11pt">Ini adalah paragraf.</p>
</body>
</html>
Click here if you like this article.
0 Comments