Paragraf HTML, Belajar HTML Mulai dari Dasar hingga Mahir Tahap VI

PARAGRAF HTML didefinisikan sebagai elemen <p>.

Secara otomatis, browser menambahkan ruang putih antara paragraf yang satu dengan lainnya.

Berikut contoh membuat paragraf dalam dokumen HTML :

<p>Ini adalah paragraf.</p>
<p>Ini juga adalah paragraf.</p>

Kamu tak dapat memastikan hasil yang akan ditampilkan.

Baik di layar besar atau kecil maupun ukuran jendela, akan menciptakan hasil yang berbeda.

Menggunakan paragraf HTML, kamu tak dapat mengubah hasil tampilan dengan menambahkan spasi ekstra atau baris tambahan dalam kode HTML.

Browser bakal menghapus spasi tambahan atau baris ekstra saat halaman ditampilkan.

Contoh :

<p>Ini adalah paragraf
Memuat sangat banyak baris
Misalnya baris-baris yang langsung ditekan enter
Baris-baris ini akan diabaikan browser
Dan akan dibuat menjadi satu baris.
</p>

<p>Atau misalnya dengan contoh paragraf ini
Memuat sangat       banyak       spasi 
Maka    browser    akan        mengabaikannya
Dan    akan menghapus    seluruh   spasi
Menjadi    satu    spasi.
</p>

Jangan Melupakan Tag Akhir

Sebagian browser akan memperbaiki otomatis, bahkan bila kamu lupa memberi tag akhir.

Misalnya dengan contoh berikut :

<p>Ini adalah paragraf.
<p>Dan ini adalah paragraf lain yang sama-sama tanpa tag akhir.

Contoh di atas bakal bekerja di beberapa browser, tapi janganlah mengharapkan seperti itu dan tetaplah selalu menggunakan tag akhir.

Baris Baru pada HTML

Elemen <br> pada HTML mendefinisikan baris baru atau pemisah baris.

Gunakan <br> untuk membuat baris baru tanpa membuat paragraf baru.

Berikut contohnya :

<p>Ini adalah paragraf<br>dengan menggunakan baris baru.</p>

Tag <br> ini adalah tag kosong, yang artinya tak memiliki tag akhir.

Masalah pada Puisi

Puisi di bawah ini bakal ditampilkan dalam satu baris.

<p>
 Misalnya ini baris puisi pertama.

 Dan ini adalah baris puisi kedua.

 Sedangkan ini adalah baris puisi ketiga.

 Dan ini baris puisi yang terakhir.
</p>

Elemen Teks Preformatted

Elemen HTML <pre> mendefinisikan teks preformatted atau yang telah diformat sebelumnya.

Teks yang masuk dalam elemen <pre> akan ditampilkan dalam huruf fixed-width biasanya font Courier, dan tetap akan memperlihatkan spasi yang banyak maupun baris baru.

Misalnya seperti ini :

<pre>
 Misalnya ini baris puisi pertama.

 Dan ini adalah baris puisi kedua.

 Sedangkan ini adalah baris puisi ketiga.

 Dan ini baris puisi yang terakhir.
</pre>

Referensi Tag HTML

Tag	Deskripsi
<p>	Mendefinisikan sebuah paragraf
<br>	Membuat satu baris baru
<pre>	Mendefinisikan teks preformatted

<- Tahap V Tahap VII ->