elemen HTML

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.


Meneruskan pembelajaran
||
<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title></title> </head> <body> <h1>欢迎学习HTML</h1> <h2>欢迎学习HTML</h2> <h3>欢迎学习HTML</h3> <p>这里是第一段内容</p> <p>这是第二段内容</p> <a href="http://php.cn/">点击学习</a> <br/> <img src="https://img.php.cn/upload/course/000/000/007/57fb2bca70c24537.jpg"> </body> </html> 同学们从上面的例子中找出各个标签的元素内容。
  • Cadangan kursus
  • Muat turun perisian kursus