Skip to main content

Mencipta Pecahan Line & Perenggan Dengan Tag P & BR

Tutorial Dasar HTML (Part 3) - Mengenal Tag Pada HTML (Mungkin 2025)

Tutorial Dasar HTML (Part 3) - Mengenal Tag Pada HTML (Mungkin 2025)
Anonim

Ketika datang untuk mempelajari HTML, dua tag yang kebanyakan orang belajar lebih awal adalah tag paragraf dan garis istirahat, yang mana

dan
masing-masing. Tag ini meletakkan rehat semulajadi dalam teks anda supaya kandungan laman web anda lebih mudah dibaca. Walaupun teg ini agak mudah digunakan, mereka juga boleh menyebabkan kekeliruan dan disalahgunakan.

Betulkan Penggunaan Elemen Perenggan HTML

Elemen perenggan

digunakan sebagai pasangan tag dengan

tag yang membuka elemen dan

tag tutupnya. Dalam menulis HTML4 atau HTML5, teg akhir tidak diperlukan secara teknikal, tetapi ia dianggap amalan terbaik untuk menutup teg ini. Dalam XHTML, penutupan

adalah diperlukan.

Anda menggunakan elemen perenggan di laman web dengan cara yang sama seperti yang anda lakukan semasa menulis kandungan untuk keperluan luar web - apabila anda ingin memulakan idea atau titik baru. Kebanyakan pelayar memaparkan perenggan dengan satu baris kosong di antara mereka. Berikut ialah perenggan contoh dalam HTML:

Sekarang adalah masa untuk semua lelaki yang baik untuk datang ke bantuan negara mereka. Rubah coklat cepat melompat ke atas anjing tidur yang malas.

Banyak tag lain boleh muncul di antara tag paragraf pembuka dan penutupan.

Betulkan Penggunaan Elemen Line Line HTML

Elemen pecah baris
tag adalah tag tunggal - ia tidak mempunyai tag akhir. Dalam XHTML, anda mesti menggunakan teg dengan slit akhir (
), tetapi dalam HTML (termasuk HTML5), tidak diperlukan.

Unsur pemecah adalah memecah garis terpaksa dalam aliran teks halaman web. Anda menggunakannya apabila anda mahu teks diteruskan pada baris seterusnya, tetapi kandungannya bukan idea atau titik yang berasingan, yang akan menjadikannya satu perenggan lain. Contoh ini berlaku dengan puisi di mana garis pecahan biasanya tetap.

Berikut adalah contoh garis putus dalam perenggan:

Sekarang adalah masa untuk semua lelaki yang baik untuk datang ke bantuan negara mereka.
Rubah coklat cepat melompat ke atas anjing tidur yang malas.

Oleh kerana tag pemecah garis adalah tag tunggal, tiada tag lain boleh digunakan di dalamnya.

Kesalahan Umum

dan
Tags

Orang yang baru untuk pengekodan membuat beberapa kesilapan yang biasa dengan unsur perenggan dan garis pecah apabila menandakan halaman web.

  • Menggunakan
    untuk menukar panjang garisan teks
    : Menggunakan tag pemecah dalam percubaan untuk memaksa teks untuk muncul atau memecahkan dengan cara tertentu memastikan bahawa halaman anda kelihatan hebat pada penyemak imbas anda tetapi tidak semestinya pada pelayar lain dan sudah tentu tidak pada semua peranti. Jika tapak anda adalah laman web yang responsif, ia mengubah susun atur berdasarkan saiz skrin yang berbeza. Pelayar secara automatik meletakkan dalam pembalut kata, dan kemudian apabila ia datang kepada
    tag, ia membungkus teks sekali lagi, menghasilkan garis pendek dan garis panjang dan teks yang licik. Anda harus menggunakan helaian gaya CSS untuk menentukan gaya visual dan bukannya cuba memaksa susun atur dengan menambah elemen HTML tertentu.
  • Menggunakanuntuk menambah ruang antara elemen: Sekali lagi, ini beralih kepada HTML untuk membuat susun atur visual, dalam jarak kes ini, dan bukan menggunakan CSS. Ini adalah amalan biasa dari beberapa editor HTML, dan sementara itu tidak secara teknikal salah, ia menghasilkan HTML yang canggung dan boleh mengelirukan untuk diedit kemudian. Ia juga tidak selaras dengan piawaian web dan pemisahan struktur dan gaya. Dalam sesetengah kes, menggunakan ruang yang tidak pecah di dalam tag perenggan yang kosong akan mengakibatkan jarak yang tidak dijangka dalam pelayar yang berbeza, kerana mereka seolah-olah mentafsirkannya secara berbeza. Penyelesaian terbaik untuk mencapai unsur ruang yang diperlukan dalam reka bentuk anda adalah dengan menggunakan helaian gaya.

Ketahui lebih lanjut mengenai tag-tag ini dan lain-lain dalam senarai tag HTML ini.