Jenis Tag dalam HTML

王林
Lepaskan: 2024-09-04 16:19:50
asal
1256 orang telah melayarinya

Teg boleh ditakrifkan sebagai arahan yang sedang dibenamkan secara langsung dalam teks dokumen HTML. Jenis teg yang digunakan dalam dokumen HTML bertanggungjawab untuk memberitahu pelayar web untuk melakukan sesuatu (ikut arahan) dan bukannya hanya memaparkan teks. Dalam dokumen HTML, semua nama tag dibezakan daripada teks mudah lain. Nama teg disertakan di antara kurungan sudut atau simbol 'kurang daripada' dan 'lebih besar daripada', (<) dan (>).

3 Jenis Teg Teratas dalam HTML

Dokumen HTML dibuat menggunakan pelbagai jenis teg. Tag HTML boleh ditakrifkan dan dibahagikan berdasarkan asas yang berbeza. Mari lihat mereka dalam bahagian akan datang artikel ini. Kami telah membahagikan tag HTML berdasarkan klasifikasi berikut:

1. Teg Berpasangan dan Tidak Berpasangan

Berikut ialah teg berpasangan dan tidak berpasangan dalam HTML diterangkan secara terperinci dengan bantuan contoh.

Teg Berpasangan

Teg HTML dikenali sebagai teg berpasangan apabila teg terdiri daripada teg pembuka dan teg penutup sebagai teg pengiringnya. Teg Berpasangan HTML bermula dengan teg pembuka: nama teg yang disertakan di dalam kurungan sudut; sebagai contoh, teg pembukaan perenggan ditulis sebagai '

'. Kandungan mengikuti teg pembukaan, yang berakhir dengan teg berakhir: nama teg bermula dengan garis miring ke hadapan; contohnya, teg perenggan akhir ditulis sebagai '

'. Teg pertama boleh dirujuk sebagai 'Teg Pembukaan' dan teg kedua boleh dipanggil Teg Penutup.

Contoh #1:

<p> This text is a paragraph . </p>
Salin selepas log masuk

Output:

Jenis Tag dalam HTML

NOTA: Di sini, teg pembuka ialah, dan teg penutup ialah

.

Contoh #2:

Contoh lain teg berpasangan ialah teg condong dan/atau tebal:

<i> <b> This is a bold and italicized text </b> </i>
Salin selepas log masuk

Output:

Jenis Tag dalam HTML

Nota: Teg berpasangan ini juga dipanggil Teg Bekas.
Teg Tidak Berganding

Teg HTML dipanggil teg tidak berpasangan apabila teg hanya mempunyai teg pembukaan dan tidak mempunyai teg penutup atau teg pasangan. Teg HTML Tidak Berpasangan tidak memerlukan teg penutup; tag pembukaan adalah mencukupi dalam jenis ini. Teg tidak berganding kadangkala turut dinamakan sebagai Teg Kendiri atau Teg Tunggal kerana ia tidak memerlukan teg pasangan.

Contoh:

This is a paragraph


<i> <b> This is a bold and italicized text </b> </i>
Salin selepas log masuk

Output:

Nota: Di sini,
ialah teg tidak berpasangan yang digunakan untuk membuat garis mendatar. Dalam versi lama, anda mungkin melihat teg hr ditulis sebagai
bukannya
. Tag ini juga dipanggil Empty Tag.

2. Tag Penutup Diri

Teg Penutup Kendiri ialah teg HTML yang tidak mempunyai teg rakan kongsi, dengan teg pertama ialah satu-satunya teg yang diperlukan yang sah untuk pemformatan. Maklumat utama dan penting terkandung DALAM elemen sebagai atributnya. Teg imej ialah contoh klasik teg penutup sendiri. Mari lihat dalam tindakan di bawah:

Contoh:

<img src="a.jpg" alt="This is an alternate text">
Salin selepas log masuk

Nota: Dalam versi lama, teg penutup sendiri menggunakan ‘slash ke hadapan’ sebelum tanda/simbol ‘lebih besar daripada’ penutup atau penutup, seperti yang ditulis di bawah:

”Ini

3. Teg Berasaskan Utiliti

Teg HTML boleh dibezakan secara meluas berdasarkan utilitinya, iaitu, berdasarkan tujuan ia berkhidmat. Kita boleh membahagikannya secara asasnya kepada tiga kategori seperti yang dibincangkan di bawah:

Memformat Teg

Teg HTML yang membantu kami dalam pemformatan teks seperti saiz teks, gaya fon, menjadikan teks tebal, dll. Ini dilakukan menggunakan teg seperti , , < u>, dsb. Jadual, bahagian dan teg span juga merupakan teg yang membantu memformat halaman web atau dokumen dan menetapkan reka letak halaman. Di bawah ialah program kecil menggunakan bahagian untuk memformat halaman bersama beberapa teg pemformatan lain.

Contoh:

<body>
<div class="container">
<div class="row">
<div class="col-25">
<label for="email"><b>Name</b></label>
</div>
<div class="col-35">
<input type="text" placeholder="First" name="fname" required>
</div>
<div class="col-35">
<input type="text" placeholder="Last" name="lname" required>
</div>
</div>
</div>
</body>
Salin selepas log masuk

Output:

Jenis Tag dalam HTML

Teg Struktur

Teg HTML yang membantu dalam menstrukturkan dokumen HTML dipanggil Teg Struktur. Penerangan, kepala, html, tajuk, badan, dsb., membentuk kumpulan tag struktur halaman. Tag struktur hanya membantu dalam mencipta atau membentuk halaman html asas dari akar; iaitu, mereka tidak menjejaskan atau mempunyai sebarang pengaruh dalam pemformatan teks. Jadi program HTML asas ialah kumpulan asas tag struktur:

Contoh:

<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>Types of Tags Demo</title>
</head>
<body>
<p> This is a paragraph </p>
<i><b> This is a bold and italicized text </b></i>
</body>
</html>
Salin selepas log masuk

Output:

Jenis Tag dalam HTML

Teg Kawalan

Kategori tag lain yang boleh dibuat ialah 'Teg Kawalan'. Teg Skrip, butang radio atau kotak semak, teg Borang, dsb., membentuk teg kawalan. Ini ialah teg yang digunakan dalam mengurus kandungan atau mengurus skrip atau perpustakaan yang bersifat luaran. Semua teg borang, senarai lungsur, kotak teks input, dsb., digunakan dalam berinteraksi dengan pelawat atau pengguna.

Pembezaan teg HTML di atas adalah berdasarkan jenis teg dan utilitinya. Teg HTML juga boleh dibahagikan secara ringkas berdasarkan kategori asas seperti Tag Akar HTML Asas, Tag Pemformatan, Teg Audio dan Video, Teg Borang dan Input, Teg Bingkai, Teg Pautan, Teg Senarai, Teg Jadual, Teg Gaya, Teg Meta, dsb. .

Atas ialah kandungan terperinci Jenis Tag dalam HTML. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!

sumber:php
Kenyataan Laman Web ini
Kandungan artikel ini disumbangkan secara sukarela oleh netizen, dan hak cipta adalah milik pengarang asal. Laman web ini tidak memikul tanggungjawab undang-undang yang sepadan. Jika anda menemui sebarang kandungan yang disyaki plagiarisme atau pelanggaran, sila hubungi admin@php.cn
Tutorial Popular
Lagi>
Muat turun terkini
Lagi>
kesan web
Kod sumber laman web
Bahan laman web
Templat hujung hadapan