Membuat Paragraph
Elemen paragraf digunakan untuk mempublikasikan teks di halaman web.
Paragraf ditulis dengan tag <p>. Tag paragraf adalah tag yang sangat mendasar dan biasanya menjadi tag pertama yang kalian perlukan untuk mempublikasikan teks kalian di halaman web. Berikut contohnya:
<p>This is a paragraph.</p> <p>This is another paragraph.</p>
Catatan: Browser bawaan secara otomatis akan membuat ruang di atas dan di bawah konten paragraf (disebut margin), tetapi kalian bisa mengaturnya lagi menggunakan CSS.
Penutup Elemen Paragraf
Kebanyakan browser saat ini akan menampilkan HTML dengan benar bahkan jika kalian lupa menulis tag akhirnya. Sebagai contoh:
<p>This is a paragraph. <p>This is another paragraph.
Kode HTML pada contoh di atas akan berfungsi di sebagian besar browser web, tetapi jangan berpatokan pada hal tersebut karena melupakan tag akhir dapat menghasilkan hasil yang salah atau tidak diinginkan.
Membuat Line Break
Tag <br> digunakan untuk menyisipkan satu baris di halaman web.
Karena <br> adalah elemen kosong, maka penutup tag </br> tidak diperlukan. Berikut contohnya:
<p>This is a paragraph <br> with line break.</p> <p>This is <br>another paragraph <br> with line breaks.</p>
Catatan: Jangan gunakan paragraf kosong yaitu <p> </p> untuk menambah ruang ekstra di halaman web Anda. Browser dapat mengabaikan paragraf kosong tersebut karena itu akan terbaca sebagai tag yang logis. Gunakan margin CSS sebagai gantinya untuk menyesuaikan ruang di sekitar elemen.
Membuat Garis Horizontal (hr tag)
Kalian dapat menggunakan tag <hr> untuk membuat garis horizontal untuk memisahkan bagian konten secara visual pada halaman web. Seperti <br>, tag <hr> juga merupakan elemen kosong. Berikut contohnya:
<p>This is a paragraph.</p> <hr> <p>This is another paragraph.</p>
Mengatur Spasi
Biasanya browser akan menampilkan beberapa spasi yang dibuat di dalam kode HTML dengan menekan tombol spasi atau tombol tab pada keyboard. Beberapa baris spasi yang dibuat di dalam kode HTML dengan menekan tombol enter juga akan ditampilkan sebagai satu baris spasi.
Paragraf berikut akan ditampilkan dalam satu baris tanpa baris tambahan:
<p>This paragraph contains multiple spaces in the source code.</p>
<p>
This paragraph
contains multiple tabs and line breaks
in the source code.
</p>
Sisipkan untuk membuat baris spasi yang lebih luas, berikut contohnya:
<p>This paragraph has multiple spaces.</p> <p>This paragraph has multiple<br><br>line<br><br><br>breaks.</p>
Terkadang, menggunakan , <br>, dll. Untuk mengelola baris spasi sangat tidak nyaman. Maka dari itu kalian dapat menggunakan tag <pre> untuk menampilkan spasi, tab, penghentian baris, dll. Persis seperti yang tertulis dalam file HTML. Ini sangat membantu dalam pembuatan file seperti puisi atau kode-kode lainnya.
Berikut contohnya:
<pre>
Twinkle, twinkle, little star,
How I wonder what you are!
Up above the world so high,
Like a diamond in the sky.
</pre>
