Heading dan Paragraf

Setiap teks minimal memiliki satu judul dan sekumpulan paragraf / alinea. Dalam HTML, kita bisa menggunakan tag <p> beserta tag penutupnya untuk menandai sekumpulan tulisan sebagai paragraf. Selain itu, kita juga bisa memberikan judul dengan elemen heading.

Paragraf

Satu paragraf diapit dengan tag <p> dan penutupnya yaitu </p>. Sepasang tag tersebut bisa kita sebut dengan elemen p. Elemen tersebut diletakkan di antara tag <BODY> dan </BODY>. Supaya lebih jelas, perhatikan contoh kode HTML di bawah ini.

<HTML>
<HEAD>
    <TITLE>Belajar HTML</TITLE>
</HEAD>
<BODY>
<h2>Judul</h2>
    <p>ini paragraf 1 ---- ---- ---- ---- ---- ---- ---- ---- ---- 
---- ---- ---- ---- ---- ---- ---- ---- ---- ---- ---- ---- ---- ---- 
---- ---- ---- ---- ---- ---- ---- ---- ---- ---- ---- ---- ---- ---- 
---- ---- ---- ---- ---- ---- ---- ---- ---- ---- ---- ---- ---- ---- 
---- ---- ---- ---- ---- </p>
    <p>ini paragraf 2 ---- 
---- ---- ---- ---- ---- ---- ---- ---- ---- ---- ---- ---- ---- ---- 
---- ---- ---- ---- ---- ---- ---- ---- ---- ---- ---- ---- ---- ---- 
---- ---- ---- ---- ---- ---- ---- ---- ---- ---- ---- ---- ---- ---- 
---- ---- ---- ---- ---- ---- ---- ---- ---- ---- ---- ---- ---- 
</p>
    <p>ini paragraf 3 ---- ---- ---- ---- ---- ---- 
---- ---- ---- ---- ---- ---- ---- ---- ---- ---- ---- ---- ---- ---- 
---- ---- ---- ---- ---- ---- ---- ---- ---- ---- ---- ---- ---- ---- 
---- ---- ---- ---- ---- ---- ---- ---- ---- ---- ---- ---- ---- ---- 
---- ---- ---- ---- ---- ---- ---- ---- </p>
    <p>ini paragraf 4 ---- ---- ---- ---- ---- ---- ---- ---- ---- ---- ---- ---- 
---- ---- ---- ---- ---- ---- ---- ---- ---- ---- ---- ---- ---- ---- 
---- ---- ---- ---- ---- ---- ---- ---- ---- ---- ---- ---- ---- ---- 
---- ---- ---- ---- ---- ---- ---- ---- ---- ---- ---- ---- ---- ---- 
---- ---- </p>
</BODY>
</HTML>

Setiap satu paragraf otomatis akan ada perpindahan baris jika satu baris tidak cukup untuk menampilkan satu paragraf. Tulisan akan terlihat memanjang dalam satu baris jika tidak ada tag <p> dan </p> yg mengapit teks tersebut.

Heading

Selain elemen p yang digunakan untuk menandai paragraf, ada juga tag <h2> dan tag penutupnya  dalam kode HTML di atas. Tag <H2> di atas merupakan salah satu elemen heading yg biasa digunakan untuk menulis judul pada halaman HTML. Untuk memberi judul teks HTML pada halaman HTML, tag yang digunakan adalah <H1>, <H2>, <H3>, <H4>, <H5>, dan <H6>. Semua tag tersebut perlu tag penutup seperti elemen HTML lainnya yang memiliki isi. Heading tidak digunakan untuk memberi judul window atau tab seperti title. Heading bisa digunakan untuk memberi judul berupa tulisan tebal. Ketebalan heading sesuai angka pada nama heading. H1 adalah yang paling tebal, dan H6 adalah yang paling tipis.

Perhatikan contoh berikut ini :
<HTML>
<HEAD>
    <TITLE>Heading</TITLE>
</HEAD>
<BODY>
    <H1>H1</H1>
    <H2>H2</H2>
    <H3>H3</H3>
    <H4>H4</H1>
    <H5>H5</H2>
    <H6>H6</H6>
</BODY>
</HTML>


Coba simpan, buka filenya, dan lihat hasilnya. Masing-Masing tulisan ukurannya akan sesuai tag yang mengapitnya.