Ads by Yasya El Hakim
Paragraf pada HTML

Paragraf pada HTML dapat ditulis dengan menggunakan tag <p>.

Contoh
<p>Ini adalah paragraf pertama.</p>
<p>Ini adalah paragraf kedua.</p> 

Catatan: Secara otomatis, Browser akan menambahkan Margin di sebelum dan sesudah paragraf.

Tampilan HTML

Kalian tidak bisa memastikan bagaimana HTML dapat ditampilkan.
Ukuran layar yang besar ataupun kecil dapat menampilkan hasil yang berbeda.
Browser akan menghapus spasi dan baris tambahan ketika halaman ditampilkan pada Browser.

Contoh

<p>
Ini adalah paragraf
yang memiliki banyak baris
pada kode,
Tetapi ketika ditampilkan pada Browser
Hasilnya akan menjadi satu baris.
</p>

<p>
Ini adalah paragraf
yang memiliki         banyak spasi
pada          kode,
Tetapi ketika ditampilkan        pada Browser
Hasilnya akan menjadi satu baris.
</p> 

Jangan Lupakan End Tag

Kebanyakan Browser akan menampilkan HTML dengan benar walaupun kalian lupa dalam menulis End Tag:

Contoh

<p>Ini adalah paragraf pertama.
<p>Ini adalah paragraf kedua.

Contoh diatas akan bekerja pada semua Browser, tetapi kami tidak menyarankan cara penulisan diatas.

Catatan: Melupakan End Tag dapat menghasilkan hasil yang tidak kalian inginkan.

Line Break pada HTML

Elemen <br> bisa disebut dengan Baris Baru (Line Break).
Gunakan <br> jika kalian ingin membuat baris baru tanpa membuat paragraf baru.

Contoh

<p>Ini adalah <br>sebuah paragraf <br> dengan menggunakan Line Break.</p> 

Tag <br> merupakan Empty Tag, artinya tidak ada penutupnya, atau kalian bisa menggunakan <br/> untuk menghindari masalah validasi.

Masalah Penulisan Pantun

Pada contoh berikut, pantun akan terlihat menjadi satu baris:
<p>
Tanah lapang tanah bahagia,
Banyak keluarga bersuka cita,
Sampai saat tua tiba,
Pendidikan tetap utama.
</p>
See the Pen 21. Masalah Pantun pada Paragraf HTML by Yasya El Hakim (@elhakimyasya) on CodePen.

Elemen <pre> pada HTML

Elemen <pre> merupakan sebuah Preformatted Text.
Teks didalam elemen <pre> akan ditampilkan dengan font (Courier) dan elemen tersebut dapat menampilkan ENTER atau baris baru tanpa menggunakan tag apapun.

Contoh

<pre>
Tanah lapang tanah bahagia,
Banyak keluarga bersuka cita,
Sampai saat tua tiba,
Pendidikan tetap utama.
</pre>
See the Pen 22. Tag pre Pada HTML by Yasya El Hakim (@elhakimyasya) on CodePen.

Sebelumnya: Tutorial Lengkap HTML: Heading pada HTML - Bagian 6
Selanjutnya: Tutorial Lengkap HTML: Style pada HTML - Bagian 8
Daftar Isi: Tutorial Lengkap HTML

Sumber: https://www.w3schools.com/

0Komentar

Sebelumnya Selanjutnya