Memformat Dokumen HTML
Dalam
HTML terdapat beberapa tag yang dapat digunakan untuk memformat dokumen.
Tag-tag
tersebut diantaranya adalah :
•
Tag <h#>, membuat heading sebuah dokumen.
Nilai n berkisar antara 1 hingga 6.
<html>
<head>
<title>Latihan Heading</title>
</head>
<body>
<h1>Ini Heading 1</h1>
<h2>Ini Heading 2</h2>
<h3>Ini Heading 3</h3>
<h4>Ini Heading 4</h4>
<h5>Ini Heading 5</h5>
<h6>Ini Heading 6</h6>
</body>
</html>
|
•
Tag <br />, membuat baris baru, tidak
memerlukan penutup </br>
•
Tag <p>, memulai paragaraf baru.
•
Tag <hr />, membuat garis batas horizontal,
tidak memerlukan penutup </hr>
<html>
<head>
<title>Cerita Ramayana</title>
</head>
<body>
Cerita
wayang Ramayana, di Kerajaan Alengka Diraja
<br>Rahwana membuat geger karena menculik Dewi Sinta
<p>Anoman, Si Kera Putih
ditugaskan
Tukul Arwana untuk menjemput Sinta
</p>
Tukul
Arwana tidak sempat menjeputnya, karena sedang
mengisi
acara di stasiun TV Swasta
<hr />
Rama
Tukul Arwana
<hr />
<br />
<h1>Bab I HTML</h1>
Ini
adalah isi Bab I
<h2>1.1 Subbab HTML</h2>
Ini
adalah isi Subbab 1.1
<h3>1.1.1 Sub-Subbab HTML</h3>
Ini
adalah isi Sub Subbab 1.1.1
</body>
</html>
|
Hasil di atas akan tampak seperti ini :
•
Tag <pre>, membuat tampilan dokumen HTML
pada browser sama dengan
tampilan
pada teks editor. Dengan tag <pre>, maka tag <p> dan tag <br /> jadi
tidak
diperlukan lagi.
<html>
<head>
<title>Latihan PRE</title>
</head>
<body>
<pre>
Tampilan ini sma dengan tampilan di teks editor.
Klasemen
Team Main Menang Seri Kalah
=================================================
Team A 3 2 1 0
Team B 3 2 0 1
Team C 3 1 1
1
=================================================
Kode program :
For I = 1 to 10
For J = 1 to 5
A(I,J)=I*J
Next
Next
</pre>
</body>
</html>
|
Hasil dari di atas format PRE akan nampak seperti ini :
•
Tag <center>, Teks rata tengah
•
Tag <ul> dan <ol>
Pemformat
dokumenlain yang akan sangat banyak berguna adalah LIST (daftar).
Ada
dua macam daftar, yaitu ORDERED lists (ol) dan UNORDERED lists (ul).
<html>
<head>
<title>Latihan LIST</title>
</head>
<body>
<p>Keluarga Pandawa</p>
<ol>
<li>Yudhistira</li>
<li>Bima</li>
<li>Arjuna</li>
<li>Nakula</li>
<li>Sadewa</li>
</ol>
<p>Jenis Musik</p>
<ul>
<li>Campur Sari</li>
<li>Dangdut</li>
<li>Jazz</li>
<li>Pop</li>
<li>Rock</li>
</ul>
</body>
</html>
|
Sekian tentang Format Dokumen HTML
Tunggu artikel selanjutnya berkaitan dengan HTML. . .
