Membuat Baris Baru dalam kode HTML

Minggu, 31 Oktober 2010 0 komentar

Baris baru yang ditulis di dalam kode HTML tidak akan berpengaruh terhadap hasil yang akan ditampilkan di layar web browser. Sebagai contoh coba perhatikan kasus dalam pembuatan baris baru dibawah ini

<html>
<head>
    <title>Baris Baru Halaman Web</title>
<body>
Baris pertama
Baris kedua
Baris ketiga
Baris keempat
</body>
</head>
</html>

Pada kode HTML di atas, teks "Baris Baru Halaman Web" dari kata Baris pertama, Baris kedua sampai Baris keempat ditulis pada baris yang berbeda. Namun kenyataanya, hasil yang diperoleh dalam web browser adalah sebagai berikut,



Jadi pada kasus pembuatan baris baru pada contoh diatas dapat disimpulkan bahwa penulisan baris baru di dalam kode tidak ada pengaruhnya terhadap tampilan dokumen. Oleh karena itu, HTML menyediakan tag khusus untuk melakukan pembuatan baris baru di dalam dokumen, yaitu <br>.
Tag ini tidak memiliki pasangan, sehingga kita perlu menyisipkan tanda garis miring atau sering disebut slash, yang menandakan bahwa tag tersebut tidak memiliki pasangan. Bentuk penulisan tag <br> yang benar adalah <br/>.
Nah, sekarang saya berikan contoh pembuatan baris baru yang benar.

<html>
<head>
    <title>Baris Baru Halaman Web</title>
<body>
Baris pertama <br/>
Baris kedua <br/>
Baris ketiga <br/>
Baris keempat
</body>
</head>
</html>

Hasil dari pembuatan baris baru pada kode HTML di atas, seperti ini



Dari hasil di atas tampak jelas bahwa fungsi tag <br/> dalam kode HTML itu sebenarnya sama seperti fungsi tombol ENTER (line break) ketika kita sedang bekerja pada suatu aplikasi Text Editor atau Word Processor.

0 komentar: to “ Membuat Baris Baru dalam kode HTML so far...