Berpindah Baris Untuk membuat tampilan pindah baris, Anda bisa menggunakan break. Tag break ini membuat hasil style teks masih bagus, tidak seperti <pre> yang membuat tulisan seperti monospace.
Tag untuk memindahkan teks ke baris berikutnya adalah tag <br/>. Tulisan br adalah singkatan dari break atau yang dimaksud adalah line break. Apa perbedaan break dengan tag <p> untuk pembuatan paragraf?
Jawabnya adalah paragraf akan selalu memiliki jarak dengan paragraf di bawahnya. Adapun pemindahan baris dengan break tidak memberikan jarak dengan bawahnya. Jadi dengan break, tulisan teks masih akan dianggap satu paragraf.
Berikut ini contoh sebelum adanya break dan hanya menggunakan paragraf.
<html>
<head>
<title>Sebelum digunakan Break</title>
</head>
<body>
<h1>Sebelum Break</h1>
<p>
Di rumahku kemarin ku
melihat sesuatu yang asing
</p>
<p>
Aku melihat sesesok orang yang
memakai pakaian tebal
</p>
<p>
Ternyata dia
adalah pamanku
</p>
</body>
</html>
Hasilnya akan seperti ini
Adapun berikut ini merupakan kode setelah di dalam paragraf diberi tag <br/> untuk memisahkan baris. Dari tampilan baru ini, Anda juga akan dapat melihat perbedaan antara tag <p> dan tag <br>.
<html>
<head>
<title>Setelah digunakan Break</title>
</head>
<body>
<h1>Setelah Break</h1>
<p>
Di rumahku kemarin ku
<br/>
melihat sesuatu yang asing
</p>
<p>
Aku melihat sesesok orang yang
<br/>
memakai pakaian tebal
</p>
<p>
Ternyata dia
<br/>
adalah pamanku
</p>
</body>
</html>
<head>
<title>Setelah digunakan Break</title>
</head>
<body>
<h1>Setelah Break</h1>
<p>
Di rumahku kemarin ku
<br/>
melihat sesuatu yang asing
</p>
<p>
Aku melihat sesesok orang yang
<br/>
memakai pakaian tebal
</p>
<p>
Ternyata dia
<br/>
adalah pamanku
</p>
</body>
</html>
Hasilnya Akan seperti ini
sangat bermanfaat gan
BalasHapussite:www.purwowidodo.com
NICE INFONYA GAN MAKASIH
BalasHapusBelajar HTML memang susah gan, Perlu ketelitian
BalasHapusMantap Gan :D
BalasHapusnice post sangat brmanfaat ...
BalasHapusJadi initoh fungsi Dari p
BalasHapusthanks gan infonya
BalasHapussangat berguna gan artikelnya. .
BalasHapusIjin Copas Boleh ??
BalasHapusoh.. gitu ya caranya, saya baru tahu, maklum baru belajar html
BalasHapusmantap gan infonya jadi nambah ilmu nih
BalasHapusWah, nambah ilmu lagi nih, hehe
BalasHapusnice info
BalasHapusIjin simpan blog ini gan :D suatu2 pasti ane buka lagi buat belajar :D
BalasHapusWah mantep nih, makasi artikelnya gan.
BalasHapusmakasih informasinya gan.. sangat membantu :)
BalasHapusmantapp
BalasHapusakhirnya tau perbedaan p dan br gan :)
BalasHapusOh Gitu toh caranya.,, Thanks gan akhirnya gua bisa sekarang.
BalasHapusnice info gan,apalagi bagi newbie seperti saya
BalasHapuswork gan 100%. mantappbss
BalasHapus