Elemen HTML
Apakah elemen HTML?
Elemen HTML merujuk kepada semua kod dari teg mula hingga teg akhir.
Contohnya:
<p>Kandungan perenggan</p>
<p> "Kandungan Perenggan" ialah kandungan elemen
<a> kandungan pautan </a>
<a> dan "kandungan pautan" ialah kandungan Unsur
Sintaks elemen HTML
Elemen HTML bermula dengan teg permulaan
Elemen HTML bermula dengan tag akhir Kandungan elemen
penamat ialah kandungan antara teg pembukaan dan teg penutup
Sesetengah elemen HTML mempunyai kandungan kosong (kandungan kosong)
Elemen kosong dijalankan dalam teg pembukaan Penutup (berakhir dengan penghujung teg pembukaan)
Kebanyakan elemen HTML boleh mempunyai atribut
Nota: Anda akan mengetahui lebih lanjut tentang atribut dalam bab seterusnya tutorial ini.
Elemen HTML bersarang
<pKebanyakan elemen html="" boleh bersarang (boleh mengandungi elemen ="" lain).
Apakah itu bersarang? Apakah peraturan bersarang?
Bersarang bermaksud elemen peringkat blok (blok) mengandungi elemen sebaris (sebaris), lapisan demi lapisan, sehingga selesai.
Dokumen HTML terdiri daripada elemen HTML bersarang.
Teg HTML termasuk elemen peringkat blok (blok) dan elemen sebaris (sebaris)
Elemen peringkat blok
biasanya digunakan untuk membina seni bina tapak web, reka letak dan bawa kandungan... Ia termasuk tag berikut
Kodnya adalah seperti berikut:
alamat, petikan blok, tengah, dir, div, dl, dt, dd, set medan, borang, h1~h6 , jam, isindex, menu, noframes, noscript, ol, p, pre, table, ul
Elemen sebaris
Biasanya digunakan dalam butiran atau bahagian tertentu kandungan tapak web untuk "menekankan, membezakan gaya, superskrip, subskrip, titik utama", dll. Teg berikut adalah semua elemen sebaris
Kodnya adalah seperti berikut:
a, abbr, akronim, b, bdo, besar, br, petikan, kod, dfn, em, fon, i, img, input, kbd, label, q, s, samp, pilih, kecil, span , strike, strong, sub, sup, textarea, tt, u, var
Peraturan bersarang untuk teg HTML
elemen blok boleh mengandungi elemen Sebaris atau beberapa elemen blok, tetapi elemen sebaris tidak boleh mengandungi elemen blok. Ia hanya boleh mengandungi elemen sebaris lain
Kodnya adalah seperti berikut:
<div>< ;h1></h1>< ;p></p></div> —— Betul</p><a href=”#”><span>< <p> ;</li></ol>< ;/p> —— Salah</p> <p> . Teg istimewa ini ialah
Kodnya adalah seperti berikut:
h1, h2, h3, h4, h5, h6, p, dt
li boleh mengandungi tag div - Item ini tidak perlu disenaraikan secara berasingan, tetapi ramai orang di Internet keliru tentang perkara ini, jadi saya akan menerangkannya secara ringkas di sini:
Teg Li dan div adalah kedua-dua bekas untuk memuatkan kandungan status dan tidak mempunyai hierarki (contohnya: h1, h2 hierarki yang begitu ketat^_^). div? Jangan anggap li sangat kedekut, walaupun li nampak agak kurus, sebenarnya li berjiwa besar...
Elemen tahap blok dan peringkat blok Kod untuk penjajaran unsur, unsur sebaris dan unsur sebaris
adalah seperti berikut:
<div><h2></h2><p>< /p>< <div></p>< </div> —— Salah
contoh dokumen HTML
rreee
Contoh di atas mengandungi tiga elemen HTML.
Analisis Contoh HTML
<p> Elemen:
<p>Inilah ujiannya kes </p>
Elemen <p> mentakrifkan perenggan dalam dokumen HTML.
Elemen ini mempunyai teg permulaan <p> dan teg akhir </p> Kandungan elemen
ialah: Berikut ialah contoh ujian
<body>. ; Elemen:
<body>
<p>Berikut ialah contoh ujian</p>
</body>
Elemen <body> badan utama dokumen HTML.
Elemen ini mempunyai teg mula <body> dan teg akhir </body>. Kandungan elemen
ialah elemen HTML lain (elemen p).
<html> Elemen:
<html>
<body>
<p>Berikut ialah kes ujian</p>
</body>
</html>
Elemen <html> mentakrifkan keseluruhan dokumen HTML.
Elemen ini mempunyai teg permulaan <html> dan teg akhir </html> Kandungan elemen
ialah elemen HTML lain (elemen badan).
Jangan lupa teg penutup
Walaupun anda terlupa menggunakan teg penutup, kebanyakan penyemak imbas akan memaparkan HTML dengan betul:
<p>Ini ialah perenggan
<p>Ini ialah perenggan
Contoh di atas juga boleh dipaparkan seperti biasa dalam penyemak imbas kerana teg penutup adalah pilihan.
Tetapi jangan bergantung pada pendekatan ini. Terlupa menggunakan teg penutup boleh menghasilkan hasil atau ralat yang tidak dapat diramalkan.
Elemen Kosong HTML
Elemen HTML tanpa kandungan dipanggil elemen kosong. Elemen kosong ditutup dalam teg pembukaan.
<br> ialah elemen kosong tanpa teg penutup (<br> pembalut definisi teg).
Dalam XHTML, XML dan versi HTML akan datang, semua elemen mesti ditutup.
Menambah garis miring dalam teg pembukaan, seperti <br />, ialah cara yang betul untuk menutup elemen kosong dan diterima oleh HTML, XHTML dan XML.
Walaupun <br> sah dalam semua penyemak imbas, menggunakan <br />
Petua HTML: Gunakan teg huruf kecil
Teg HTML tidak peka huruf besar-kecil: <P> bersamaan dengan <p>. Banyak tapak web menggunakan teg HTML huruf besar.
W3CSchool menggunakan teg huruf kecil kerana World Wide Web Consortium (W3C) mengesyorkan huruf kecil dalam HTML 4 dan akan menjadikannya wajib dalam versi HTML (X) akan datang.
bahagian seterusnya