27 March 2015

HTML Style Sheet dalam Atribut Style

Setiap elemen HTML memiliki tampilan default, seperti warna latar (background) putih dan warna teks hitam. Kita dapat mengubahnya dengan mengatur properti pada atribut style.
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>
</html> 


2. Warna Teks
<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: