Membuat Line Breaks & Paragraphs Dengan P & BR Tags

Ketika mempelajari HTML, dua tag yang kebanyakan orang pelajari sejak awal adalah tag paragraf dan pemisah baris, yaitu which 

 dan 
masing-masing. Tag ini menempatkan jeda alami dalam teks Anda sehingga konten halaman web Anda lebih mudah dibaca. Meskipun tag ini cukup mudah digunakan, mereka juga dapat menyebabkan kebingungan dan disalahgunakan.

Penggunaan yang Benar dari Elemen Paragraf HTML

elemen paragraf

digunakan sebagai pasangan tag dengan 

 tag pembuka elemen dan 

 tag menutupnya. Dalam menulis HTML4 atau HTML5, tag akhir secara teknis tidak diperlukan, tetapi dianggap sebagai praktik terbaik untuk menutup tag ini. Dalam XHTML, penutup diperlukan.

Anda menggunakan elemen paragraf di situs web dengan cara yang sama seperti yang Anda lakukan saat menulis konten untuk kebutuhan di luar web — saat Anda ingin memulai ide atau poin baru. Sebagian besar browser menampilkan paragraf dengan satu baris kosong di antaranya. Berikut adalah contoh paragraf dalam HTML:

Sekaranglah waktunya bagi semua orang baik untuk datang membantu negara mereka. Rubah coklat cepat melompati anjing malas tidur.





instagram viewer

Banyak tag lain dapat muncul di antara tag paragraf pembuka dan penutup.

Penggunaan yang Benar dari Elemen Pemisah Baris HTML

Elemen pemutus garis
tag adalah tag tunggal - tidak memiliki tag akhir. Di XHTML, Anda harus menggunakan tag dengan garis miring terakhir (
), tetapi dalam HTML (termasuk HTML5), tidak diperlukan.

Elemen break adalah jeda baris paksa dalam aliran teks halaman web. Anda menggunakannya saat Anda ingin teks berlanjut ke baris berikutnya, tetapi kontennya bukan ide atau poin terpisah, yang akan menjadikannya paragraf lain. Contoh dari hal ini terjadi dengan puisi di mana jeda baris biasanya diperbaiki.

Berikut adalah contoh jeda baris di dalam paragraf:

Sekaranglah waktunya bagi semua orang baik untuk datang membantu negara mereka.

Rubah coklat cepat melompati anjing malas tidur.

Karena tag pemisah baris adalah tag tunggal, tidak ada tag lain yang dapat digunakan di dalamnya.

Penyalahgunaan Umum

dan
Tag

Orang yang baru mengenal pengkodean membuat beberapa kesalahan umum dengan elemen paragraf dan pemisah baris saat menandai halaman web.

• Menggunakan
  untuk mengubah panjang baris teks: Menggunakan tag break dalam upaya untuk memaksa teks muncul atau pecah dengan cara tertentu memastikan bahwa halaman Anda terlihat bagus di browser Anda tetapi belum tentu di browser lain dan tentu saja tidak di semua perangkat. Jika situs Anda adalah situs web responsif, itu mengubah tata letaknya berdasarkan ukuran layar yang berbeda. Peramban secara otomatis memasukkan pembungkus kata, dan kemudian ketika datang ke
  tag, itu membungkus teks lagi, menghasilkan garis pendek dan garis panjang dan teks berombak. Kamu harus menggunakan Lembar gaya CSS untuk mendikte gaya visual alih-alih mencoba memaksakan tata letak dengan menambahkan elemen HTML tertentu.
• Menggunakan untuk menambah ruang antar elemen: Sekali lagi, ini beralih ke HTML untuk membuat tata letak visual, dalam hal ini, spasi, alih-alih menggunakan CSS. Ini adalah praktik umum dari beberapa editor HTML, dan meskipun secara teknis tidak salah, ini menghasilkan HTML yang tampak canggung dan dapat membingungkan untuk diedit nanti. Hal ini juga tidak sejalan dengan standar web dan pemisahan struktur dan gaya. Dalam beberapa kasus, menggunakan non-breaking spasi di dalam tag paragraf yang kosong dapat menghasilkan spasi yang tidak terduga di browser yang berbeda, karena mereka semua tampaknya menafsirkannya secara berbeda. Solusi terbaik untuk mencapai elemen spasi yang dibutuhkan dalam desain Anda adalah dengan menggunakan lembar gaya.