Membuat Line Breaks & Paragraph Dengan Tag P & BR

Ketika datang untuk belajar HTML, dua tag yang kebanyakan orang pelajari sejak awal adalah paragraf dan tag garis putus, yang

dan
masing-masing. Tag ini menempatkan jeda alami di teks Anda sehingga konten halaman web Anda lebih mudah dibaca. Sementara 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 membuka elemen dan

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

Dibutuhkan.

Anda menggunakan elemen paragraf di situs web dengan cara yang sama seperti ketika menulis konten untuk kebutuhan di luar jaringan - ketika Anda ingin memulai ide atau titik baru. Kebanyakan browser menampilkan paragraf dengan satu baris kosong di antara mereka. Berikut ini contoh paragraf dalam HTML:

Sekarang saatnya bagi semua pria baik untuk datang membantu negara mereka. Rubah coklat cepat melompati anjing tidur yang malas.

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

Penggunaan yang Benar dari Elemen Pemisah Baris HTML

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

Elemen istirahat adalah pemutusan baris paksa dalam aliran teks halaman web. Anda menggunakannya ketika Anda ingin teks untuk melanjutkan pada baris berikutnya, tetapi isinya bukan ide atau titik terpisah, yang akan membuatnya menjadi paragraf lain .. Contoh ini terjadi dengan puisi di mana jeda baris biasanya diperbaiki.

Berikut ini contoh pemisah baris di dalam paragraf:

Sekarang saatnya bagi semua pria baik untuk datang membantu negara mereka.
Rubah coklat cepat melompati anjing tidur yang malas.

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

Penyalahgunaan umum dari

dan
Tag

Orang-orang yang baru mengkode membuat beberapa kesalahan umum dengan elemen paragraf dan garis putus ketika menandai halaman web.

• Menggunakan
  untuk mengubah panjang baris teks: Menggunakan tag istirahat dalam upaya memaksa teks untuk muncul atau rusak dengan cara tertentu memastikan bahwa halaman Anda tampak hebat di browser Anda tetapi tidak harus 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. Browser secara otomatis dimasukkan ke dalam pembungkusan kata, dan kemudian ketika datang ke
  tag, itu membungkus teks lagi, menghasilkan garis pendek dan garis panjang dan teks berombak. Anda harus menggunakan lembar gaya CSS untuk mendikte gaya visual alih-alih mencoba memaksa tata letak dengan menambahkan elemen HTML tertentu.
• Menggunakanuntuk menambah ruang antar elemen: Sekali lagi, ini beralih ke HTML untuk membuat tata letak visual, dalam hal ini spasi, daripada menggunakan CSS. Ini adalah praktik umum dari beberapa editor HTML, dan meskipun secara teknis tidak salah, hasilnya HTML yang tampak aneh dan dapat membingungkan untuk diedit nanti. Itu juga tidak sejalan dengan standar web dan pemisahan struktur dan gaya. Dalam beberapa kasus, menggunakan ruang non-breaking di dalam tag paragraf yang kosong dapat menghasilkan jarak yang tidak terduga di browser yang berbeda, karena semuanya tampaknya menafsirkan ini secara berbeda. Solusi terbaik untuk mencapai elemen jarak yang dibutuhkan dalam desain Anda adalah menggunakan style sheet.

Pelajari lebih lanjut tentang ini dan tag lainnya di daftar tag HTML ini.