Halo teman-teman,
Setelah sebelumnya kita belajar tentang heading dan bagaimana menyusun struktur judul di halaman HTML, sekarang kita masuk ke bagian inti dari hampir semua konten web, yaitu paragraf.
Paragraf adalah elemen yang paling sering digunakan untuk menampilkan teks di halaman web. Semua teks yang kamu lihat di artikel, deskripsi produk, atau konten blog, sebagian besar ditulis menggunakan paragraf.
Membuat Paragraf dengan Tag <p>
Untuk menulis sebuah paragraf di HTML, kamu cukup membungkus teks dengan tag <p> dan </p>, seperti ini:
<p>Ini adalah paragraf pertama saya.</p>
<p>Dan ini paragraf kedua.</p>
Browser secara otomatis akan memberi jarak (margin) di atas dan bawah setiap paragraf, jadi kamu nggak perlu tambahkan spasi secara manual.
Tentang Spasi dan Baris Tambahan
Satu hal yang perlu kamu tahu, menambahkan spasi ekstra atau enter banyak kali di HTML tidak akan berpengaruh ke tampilan. Browser akan merapikannya secara otomatis.
Contoh:
<p>Ini punya banyak spasi,</p>
<p>tapi hasilnya tetap terlihat rapi.</p>
Browser hanya akan menampilkan satu spasi antar kata, berapa pun banyaknya di kode.
Kalau Mau Pindah Baris Tapi Bukan Paragraf Baru?
Kalau kamu ingin memisahkan baris dalam satu paragraf, tapi nggak pengin bikin paragraf baru, kamu bisa gunakan tag <br>.
Contoh:
<p>Ini baris pertama.<br>Ini baris kedua, tapi masih dalam paragraf yang sama.</p>
Tag <br> berguna banget buat menulis puisi, alamat, atau struktur teks lain yang butuh baris baru tapi masih dalam konteks satu paragraf.
Contoh Kombinasi <p> dan <br>
<p>Halo!<br>
Nama saya Dindin.<br>
Saya suka belajar HTML.</p>
Teks di atas akan tampil dalam satu paragraf, tapi setiap kalimat akan ada di baris baru.
Paragraf dan <br> adalah dua dasar penting dalam HTML yang sering banget digunakan. Dengan memahami cara kerjanya, kamu bisa mulai menulis konten yang terstruktur dan mudah dibaca di halaman web.
Kalau kamu punya pertanyaan atau baru pertama kali praktek dan bingung, tulis aja di komentar ya. Kita bahas bareng!
Di materi selanjutnya, kita akan belajar tentang cara memberi gaya pada elemen HTML dengan menggunakan tag dan atribut sederhana. Sampai ketemu di tutorial berikutnya!
Komentar
Posting Komentar