2.1 Pengenalan kepada tag
HTML-documents
Penanda adalah berdasarkan tag . Apa itu tag ?
Teg telah dicipta pada tahun 70-an supaya orang ramai boleh menambah maklumat perkhidmatan pada dokumen untuk program yang memproses dokumen ini.
Tag
- ini ialah kata kunci (berfungsi), selalunya dalam bahasa Inggeris, yang dibingkaikan dalam kurungan sudut (lebih banyak aksara) supaya program tidak mengelirukan tag dan perkataan biasa dalam bahasa Inggeris.
Teg juga mungkin mengandungi pelbagai maklumat perkhidmatan yang mungkin berguna kepada program yang memproses dokumen.
Contoh teks dengan tag:
<a href="http://codegym.cc/about">
Link to something interesting
</a>
Dalam contoh ini, kita melihat teks, teg "a", serta maklumat perkhidmatan - atribut teg. Di bawah anda akan mengetahui lebih lanjut tentang mereka.
2.2 Jenis tag: pembukaan, penutup, tag kosong
Tag adalah pelbagai jenis. Pertama, mereka adalah single dan double. Yang paling biasa ialah tag berpasangan . Dan seperti yang anda mungkin sudah meneka, mereka sentiasa berpasangan. Mereka juga dipanggil pembukaan dan penutup.
Tag pembuka hanyalah kata kunci dalam kurungan segitiga. Contoh:
<h1>
Teg penutup adalah serupa dengan teg pembukaan, tetapi kata kunci didahului dengan garis miring. Contoh:
</h1>
Teg pembukaan mungkin mengandungi maklumat perkhidmatan - atribut, yang penutup - tidak . Teg permulaan sentiasa yang pertama daripada pasangan. Teg penutup TIDAK boleh pergi dahulu dalam teks, dan kemudian teg pembukaan. Ini HTML-document
tidak akan sah.
Teg tunggal tidak mempunyai teg penutup. Senarai teg sedemikian ditakrifkan oleh HTML-standard
. Contoh teg sedemikian:
<br>
- putus baris;<img>
- gambar.
Ngomong-ngomong, tag berpasangan, jika tidak mengandungi maklumat di dalamnya, boleh ditulis dalam bentuk singkatan . Contoh:
<h1/>
Ini bukan teg tunggal, tetapi teg pasangan kosong. Ia seperti kedua-dua teg tertutup dan terbuka pada masa yang sama. Ia berbeza daripada teg tertutup kerana garis miring berada di hujung (sebelum kurungan segi tiga kedua).
2.3 Pokok tag
Dan lebih banyak maklumat penting tentang teg berpasangan. Terdapat banyak daripada mereka dalam dokumen dan mereka boleh bersarang. Apakah maksudnya? Ini bermakna mana-mana teks di dalamnya HTML-document
boleh dibingkaikan (dibalut) dengan teg, walaupun ia mengandungi teg lain. Contoh:
<html>
plain text
<a href="http://codegym.cc/about">
Link to something interesting
</a>
some other text
</html>
Secara kasarnya, urutan tag boleh berlaku dalam teks html:
<h1> <h2> </h2> </h1>
Tetapi ia tidak boleh:
<h1> <h2> </h1> </h2>
Jika teg permulaan <h2>
berada di dalam <h1>
pasangan -tag, maka teg penghujungnya yang sepadan </h2>
juga mesti berada di dalam <h1>
pasangan -tag.
Oleh itu, semua teg dokumen membentuk sejenis pokok teg . Mula-mula datang teg peringkat atas yang membungkus keseluruhan dokumen, biasanya dipanggil <html>
, ia mempunyai pasangan tag anak, mereka mempunyai sendiri dan sebagainya.
Sebenarnya, program yang memproses dokumen dengan teg melihatnya betul-betul seperti itu - sebagai pokok teg dengan beberapa teks di dalamnya.
2.4 Atribut
Maklumat tentang teg tidak akan lengkap jika kita tidak bercakap tentang atribut. Teg tunggal dan teg permulaan bagi teg berpasangan boleh mempunyai . Atribut ini mengandungi maklumat berguna tentang kandungan teg.
Teg boleh mengandungi beberapa atribut, dan ia mempunyai bentuk umum berikut:
<tag name1="value1" name2="value2">
Setiap atribut ditentukan sebagai sepasang Name
dan meaning
. Boleh terdapat sebarang bilangan atribut.
«<»
Tetapi pengaturcara yang berpengalaman akan segera bertanya soalan: apa yang perlu dilakukan jika anda perlu menggunakan teks yang mengandungi aksara atau «>»
petikan sebagai nilai atribut ?
Nama simbol | Simbol | entri HTML |
---|---|---|
tanda petikan berganda | " | " |
Ampersand | & | & |
Kurang daripada simbol | < | < |
Lebih banyak simbol | > | > |
Angkasa | ||
petikan tunggal | ' | ' |
GO TO FULL VERSION