Sebelum masuk ke pembahasan paragraf, sekarang
saya ingin memberikan contoh file HTML buat kamu:
1. Buat
file HTML baru, sobat bisa menggunakan Notepad bawaan windows maupun Notepad++ (saya
sarankan sobat gunakan Notepad++ agar sobat mudah dalam mengoreksi kesalahan)
2. Ketikkan
script berikut ke notepad tersebut:
<html>
<head>
<title>Belajar
Membuat Paragraf</title>
</head>
<body>
Ini
adalah paragraf pertama.
Ini
adalah paragraf kedua.
Ini
adalah paragraf ketiga.
</body>
</html>
3. Simpan dengan format .html misalnya paragraph.html
4.
Lihat Hasilnya
Apa yang ada dipikiran sobat setelah melihat
hasilnya.? Yap, ternyata walaupun kita sudah meletakkan paragraf kedua dibawah
paragraf pertama dengan cara menekan tombol enter, hasilnya paragraf pertama
dengan paragraf kedua tetap satu baris lurus. Hal ini terjadi karena
browser akan “mengabaikan” paragraf baru yang dibuat dengan cara menekan
tombol enter, dan mengabaikan pula paragraf yang mempunyai spasi
ganda. So Sobat mau menekan tombol enter atau spasi sampe 100 lembar pun,
hasilnya browser akan tetap menampilkan satu paragraf.
Lalu untuk mengatasi masalah tersebut, bagaimana solusinya.? Untuk membuat
paragraf baru pada HTML, maka kita perlu memberitahukannya kepada browser
dengan cara memberikan tag <p> dan </p>. Tag <p> adalah tag
pembuka, sedangkan tag </p> adalah tag penutup. Sedangkan untuk isi
paragrafnya, sobat bisa meletakkan diantara tag <p> dan </p>. Cara
penulisannya:
<p> Ini adalah
paragraf pertama. </p>
Contoh :
<html>
<head>
<title>Belajar
Membuat Paragraf</title>
</head>
<body>
<p>Ini adalah
paragraf pertama.</p><p>Ini adalah paragraf
kedua.</p><p>Ini adalah paragraf ketiga.</p>
</body>
</html>
Hasilnya :
Ini adalah paragraf kedua.
Ini adalah paragraf ketiga.
Selain menggunakan tag <p> untuk membuat paragraf, ternyata ada tag lain yang bisa kita gunakan untuk membuat paragraf baru looh. Yap, namanya adalag tag br (singkatan dari break). Tag <br> merupakan self tag, artinya tag yang berdiri sendiri. Jadi kamu tidak perlu memberikan tag penutup pada tag ini.
Cara penulisannya:
<br> atau <br />
Tidak ada perbedaan dalam hal tampilan jika kita menggunakan tag <br> atau tag <p> untuk memisahkan paragraf. Namun sejatinya, tag <br> berfungsi untuk memisahkan satu bagian text dengan bagian yang lain. Sedangkan tag <p> digunakan untuk mengatur struktur paragraf. So pada contoh diatas, jarak baris antara satu paragraf dengan paragraf lain terlihat sempit, berbeda dengan tag <p> yang terlihat lebih lebar.
Jadi mau pilih mana.? Tag <p> atau tag <br>..??
Seperti yang sudah saya sebutkan diatas, tidak ada perbedaan dalam hal tampilan ketika kita menggunakan tag <br> atau <p> untuk memisahkan paragraf. Jadi terserah sobat mau menggunakan tag yang mana, toh hasilnya tetep sama. Namun, untuk saya sendiri lebih suka menggunakan tag <br>. Alesannya simpel, karena tag <br> tidak perlu diberi tag penutup. Jadi kita tidak perlu kuatir jika kita lupa memberikan tag penutup. Selain itu, penulisan tag <br> juga tidak terlalu panjang. Jadi cocok dipake oleh orang yang “males” ngetik seperti saya. ^_^
0 Response to "Belajar Membuat Paragraf Dengan Kode HTML"
Post a Comment