2.1 Pengantar tag
HTML-documentsMarkup didasarkan pada tag . Apa itu tag ?
Tag ditemukan pada tahun 70-an sehingga orang dapat menambahkan informasi layanan ke dokumen untuk program yang memproses dokumen ini.
Tag- ini adalah kata kunci (fungsional), paling sering dalam bahasa Inggris, yang dibingkai dalam tanda kurung siku (lebih banyak dan lebih sedikit karakter) sehingga program tidak membingungkan tag dan kata-kata biasa dalam bahasa Inggris.
Tag juga dapat berisi berbagai informasi layanan yang mungkin berguna untuk program yang memproses dokumen tersebut.
Contoh teks dengan tag:
<a href="http://codegym.cc/about">
Link to something interesting
</a>Dalam contoh ini, kita melihat teks, tag "a", serta informasi layanan - atribut tag. Di bawah ini Anda akan mempelajari lebih lanjut tentang mereka.
2.2 Jenis tag: pembuka, penutup, tag kosong
Tag memiliki jenis yang berbeda. Pertama, mereka tunggal dan ganda. Yang paling umum adalah tag berpasangan . Dan seperti yang mungkin sudah Anda duga, mereka selalu berpasangan. Mereka juga disebut pembukaan dan penutupan.
Tag pembuka hanyalah kata kunci dalam tanda kurung segitiga. Contoh:
<h1>Tag penutup mirip dengan tag pembuka, tetapi kata kunci diawali dengan garis miring. Contoh:
</h1>Tag pembuka dapat berisi informasi layanan - atribut, tag penutup - no . Tag awal selalu yang pertama dari pasangan. Tag penutup TIDAK boleh masuk terlebih dahulu di teks, lalu tag pembuka. Ini HTML-documenttidak akan valid.
Tag tunggal tidak memiliki tag penutup. Daftar tag tersebut ditentukan oleh HTML-standard. Contoh tag tersebut:
<br>- jeda baris;<img>- gambar.
Omong-omong, tag berpasangan, jika tidak mengandung informasi di dalamnya, dapat ditulis dalam bentuk singkatan . Contoh:
<h1/>Ini bukan tag tunggal, tetapi tag pasangan kosong. Ini seperti tag tertutup dan terbuka sekaligus. Ini berbeda dari tag tertutup karena garis miring ada di akhir (sebelum tanda kurung segitiga kedua).
2.3 Pohon tanda
Dan informasi yang lebih penting tentang tag berpasangan. Mungkin ada banyak dari mereka dalam dokumen dan mereka bisa bersarang. Apa artinya? Artinya, setiap teks di dalamnya HTML-documentdapat dibingkai (dibungkus) dengan tag, meskipun berisi tag lain. Contoh:
<html>
plain text
<a href="http://codegym.cc/about">
Link to something interesting
</a>
some other text
</html>Secara kasar, urutan tag dapat muncul di teks html:
<h1> <h2> </h2> </h1>Tapi itu tidak bisa:
<h1> <h2> </h1> </h2>Jika tag awal <h2>berada di dalam <h1>pasangan -tag, maka tag akhir yang cocok </h2>juga harus berada di dalam <h1>pasangan -tag.
Jadi, semua tag dokumen membentuk semacam pohon tag . Pertama datang tag tingkat atas yang membungkus seluruh dokumen, biasanya disebut <html>, memiliki pasangan tag anak, mereka memiliki pasangannya sendiri, dan seterusnya.
Sebenarnya, program yang memproses dokumen dengan tag melihatnya persis seperti itu - sebagai pohon tag dengan beberapa teks di dalamnya.
2.4 Atribut
Informasi tentang tag tidak akan lengkap jika kita tidak membicarakan tentang atribut. Tag tunggal dan tag awal dari tag berpasangan dapat memiliki . Atribut ini berisi informasi berguna tentang konten tag.
Sebuah tag dapat berisi beberapa atribut, dan memiliki bentuk umum sebagai berikut:
<tag name1="value1" name2="value2">Setiap atribut ditentukan sebagai pasangan Namedan meaning. Bisa ada sejumlah atribut.
«<»Tetapi seorang programmer yang berpengalaman akan segera mengajukan pertanyaan: apa yang harus dilakukan jika Anda perlu menggunakan teks yang berisi karakter atau «>»tanda kutip sebagai nilai atribut ?
| Nama simbol | Simbol | entri HTML |
|---|---|---|
| tanda petik ganda | " | " |
| Simbol untuk 'dan | & | & |
| Kurang dari simbol | < | < |
| Lebih banyak simbol | > | > |
| Ruang angkasa | ||
| kutipan tunggal | ' | ' |