Jadual Kandungan
Teg Senarai Penerangan HTML
Jenis 1: Istilah definisi tunggal dan definisi bersama
Jenis 2: Penerangan tunggal bersama-sama dengan berbilang istilah
Jenis 3: Istilah tunggal yang menerangkan berbilang perihalan
Jenis 4: Berbilang Syarat dan Berbilang Penerangan
Jenis 5: Senarai Definisi menggunakan Atribut Gaya
Jenis 6: Meletakkan warna Latar Belakang untuk Senarai Penerangan
Kesimpulan – Senarai Penerangan HTML
Rumah hujung hadapan web html tutorial Senarai Penerangan HTML

Senarai Penerangan HTML

Sep 04, 2024 pm 04:44 PM
html html5 HTML Tutorial HTML Properties HTML tags

Artikel ini menerangkan senarai Penerangan atau senarai Definisi dan cara ia berguna dalam dokumen HTML. Jadi bagaimana untuk menentukan senarai penerangan? Secara ringkas, kita boleh katakan ia adalah senarai definisi (contohnya, glosari untuk membentangkan maklumat di internet/ halaman web). Walau bagaimanapun, penggunaan senarai Penerangan adalah kurang tetapi mempunyai beberapa tujuan. Sementara itu, senarai definisi ini memberikan nilai tambah kepada halaman web; contohnya, teks yang diberikan pada halaman web menerangkan konteks dalam erti kata lain dalam membantu penandaan konteks secara semantik. Dengan melakukan ini, kami boleh mengekstrak maklumat berstruktur dengan mudah. Senarai definisi ialah istilah yang sesuai untuk menerangkan istilah, nilai dan glosari lain.

Sintaks:

<dl>
<dt>
……
</dt>
<dd>
………..
</dd>
</dl
Salin selepas log masuk

Terdapat tiga elemen dalam senarai penerangan, ini ialah

,
,
.

  1. Senarai definisi
    – Ia digunakan untuk menerangkan banyak no. istilah dalam maklumat yang disenaraikan dan membentuk teg luar. Ia menyampaikan seperti dalam dokumen biasa atau sering digunakan sebagai glosari.
  2. Istilah Takrifan
    – Elemen ini telah digunakan di bawah senarai takrifan pada masa ini dan mempunyai data sebaris atau nilai elemen dl.
  3. Penerangan definisi
    -Elemen ini mentakrifkan data di bawah elemen ini diambil mempunyai tahap blok atau sama ada sebaris.

Teg Senarai Penerangan HTML

Senarai penerangan ialah salah satu daripada jenis senarai; ia dianggap sebagai bentuk generik senarai bullet tersusun. Satu-satunya perbezaan ialah tiada ikon peluru.

Nota: Mana-mana senarai definisi terdiri daripada jujukan
gabungan/ gabungan perhubungan satu-ke-banyak. Teg penerangan ini disokong dalam HTML4 dan dipertingkatkan dengan istilah baharu dalam HTML5 sebagai lebih banyak pasangan nilai nama. Ia menjadikan hubungan perkaitan antara soalan dan jawapan.

Jenis 1: Istilah definisi tunggal dan definisi bersama

Contoh #1

<!DOCTYPE html>
<html>
<body>
<dl>
<dt><b>Web Designing company in Chennai<b></dt>
<dd>This service Enhance Website Exposure with professional User Interface </dd>
</dl>
</body>
</html>
Salin selepas log masuk

Output:

Senarai Penerangan HTML

Contoh #2

<html>
<head>
<title>Page Title</title>
<style>
body {
background-color: pink;
text-align: center;
color: blue;
font-family: Arial, italic;
}
</style>
</head>
<body>
<h1>HTML Demo 2</h1>
<p>This is Networking Protocol Abbreviation.</p>
<dl>
<dt>FTP
<dd>File Transfer Protocol
<dt>TCP/IP
<dd>Transmission Control Protocol/IP address
<dt>SNMP
<dd>Simple Network Management Protocol
</dl>
</body>
</html>
Salin selepas log masuk

Output:
Senarai Penerangan HTML

Jenis 2: Penerangan tunggal bersama-sama dengan berbilang istilah

Contoh# 1

<!DOCTYPE html>
<html>
<body>
<dl>
<dt> Ebay</dt>
<dt>Etsy</dt>
<dt>Walmart</dt>
<dd>The Top 10 internet shopping websites in the year 2019</dd>
</dl>
</body>
</html>
Salin selepas log masuk

Output:

Senarai Penerangan HTML

Seterusnya, kita akan menggunakan atribut 'lang' dalam

di mana istilah menggunakan bahasa yang berbeza. Atribut ini mengeluarkan kod bahasa ISO sebagai nilai dua hurufnya.

Contoh# 2

<!DOCTYPE html>
<html>
<body>
<h2>A Description HTML list</h2>
<dl lang="es">
<dt>formas</dt>
<dt lang="en-us">Shapes</dt>
<dt lang="fr">Formes</dt>
<dd>A Shape determines the different structure of the objects. </dd>
</dl>
</body>
</html>
Salin selepas log masuk

Output:

Senarai Penerangan HTML

Jenis 3: Istilah tunggal yang menerangkan berbilang perihalan

Contoh

<html>
<head>
<title>DEFINITION LIST</title>
</head>
<body bgcolor=" brown" text="pink">
<h1><u>DEFINITION LIST DEMO</u></h1>
<h3>
<dl>
<dt lang="es"><u>Compact:</u></dt>
<dd>A Compact may refer to make-up case.
</dd>
<dd>When taken as adjective it refers to smaller part. Example, need a compact sofa to sit.</dd>
</dl>
<h3>
</body>
</html>
Salin selepas log masuk

Output: 

Senarai Penerangan HTML

Jenis 4: Berbilang Syarat dan Berbilang Penerangan

Contoh

<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.1">
<title>Definition List example</title>
</head>
<body>
<h1>Definition List Demo4</h1>
<dl>
<dt> Engaged</dt>
<dt>Leaves</dt>
<dd>Students got engaged during their Lab hours in the college.</dd>
<dd>Childrens feels when their father leaves for the work.</dd>
</dl>
</body>
</html>
Salin selepas log masuk

Output: 

Senarai Penerangan HTML

Jenis 5: Senarai Definisi menggunakan Atribut Gaya

Atribut gaya di sini ditunjukkan untuk warna menyerlahkan istilah penerangan.

Contoh #1

<html>
<head> HTML Definition Lists </head>
<body>
<h2> list of Popular International Entrance Examination <h2>
<dl>
<dt style="color:Blue"> TOEFL </dt>
<dd> -: Test of English As Foreign Language . This Score is Accepted in the country like Canada,UK,USA</dd>
<br>
<dt style="color:Magenta"> GRE </dt>
<dd> -: The Graduate Record Examination. This Test is allowed to enter in the States like Canada and US foran indian Students in the Science and Technology Fields  </dd>
</dl>
</body>
</html>
Salin selepas log masuk

Output:

Senarai Penerangan HTML

Menggunakan tag, difahamkan bahawa teks berdekatan ditetapkan sebagai takrif istilah.

Contoh #2

<!DOCTYPE html>
<html>
<head>
<title> Demo</title>
<dl>
<dt lang="en-GB"><dfn> Definition list</dfn></dt>
<dt><dfn><b>Apple fruit </b></dfn></dt>
<dd>This fruit is quoted as "miracle food" where this gives best nutrients to the body. They are rich in antioxidents</dd>
<dd>A small fragment of apple intakes daily cures cancer,heart disease etc.</dd>
<dd> Different varieties includes Braeburn,Cameo,Fuji,Gala </dd>
</dl>
</html>
Salin selepas log masuk

Output:

Senarai Penerangan HTML

Jenis 6: Meletakkan warna Latar Belakang untuk Senarai Penerangan

Contoh Di Bawah Menunjukkan Kandungan dengan warna latar belakang Dengan menggunakan atribut 'bgcolor'.

Contoh

<html>
<head>
<title>DEFINITION LIST</title>
</head>
<body bgcolor="Green" text="pink">
<h1><u>DEFINITION LIST DEMO</u></h1>
<h3>
<dl>
<dt lang="en-GB"><u>PYTHON:</u></dt>
<dd>Python is a progranning Language originally developed by Guido van. Its an Open Source and Cross-Platform. Applications include Web development, Data Machine Learning
</dd>
</dl>
<h3>
</body>
</html>
</dl>
</html>
Salin selepas log masuk

Output:

Senarai Penerangan HTML

Kesimpulan – Senarai Penerangan HTML

Kami berharap artikel ini mengenai senarai Definisi atau boleh dikatakan sebagai Senarai Glosari telah membimbing untuk menunjukkan beberapa senarai definisi kegunaan yang tersedia boleh diletakkan. Kami telah melihat pemahaman asas tentang cara ini boleh digunakan untuk membangunkan kerjasama yang berguna antara coretan maklumat. Sebagai contoh, glosari google memberikan cara maklumat yang bermakna boleh ditandakan dan boleh digunakan pada halaman web dalam pelbagai cara. Mereka mempunyai fungsi masa hadapan di mana sesetengah tapak web menggunakan semantik untuk mempersembahkan keindahan kepada data mereka dan menggunakan semula maklumat yang diberikan dengan begitu mudah dan fleksibel.

Atas ialah kandungan terperinci Senarai Penerangan HTML. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China 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

Alat AI Hot

Undresser.AI Undress

Undresser.AI Undress

Apl berkuasa AI untuk mencipta foto bogel yang realistik

AI Clothes Remover

AI Clothes Remover

Alat AI dalam talian untuk mengeluarkan pakaian daripada foto.

Undress AI Tool

Undress AI Tool

Gambar buka pakaian secara percuma

Clothoff.io

Clothoff.io

Penyingkiran pakaian AI

Video Face Swap

Video Face Swap

Tukar muka dalam mana-mana video dengan mudah menggunakan alat tukar muka AI percuma kami!

Artikel Panas

<🎜>: Bubble Gum Simulator Infinity - Cara Mendapatkan dan Menggunakan Kekunci Diraja
3 minggu yang lalu By 尊渡假赌尊渡假赌尊渡假赌
Mandragora: Whispers of the Witch Tree - Cara Membuka Kunci Cangkuk Bergelut
3 minggu yang lalu By 尊渡假赌尊渡假赌尊渡假赌
Nordhold: Sistem Fusion, dijelaskan
3 minggu yang lalu By 尊渡假赌尊渡假赌尊渡假赌

Alat panas

Notepad++7.3.1

Notepad++7.3.1

Editor kod yang mudah digunakan dan percuma

SublimeText3 versi Cina

SublimeText3 versi Cina

Versi Cina, sangat mudah digunakan

Hantar Studio 13.0.1

Hantar Studio 13.0.1

Persekitaran pembangunan bersepadu PHP yang berkuasa

Dreamweaver CS6

Dreamweaver CS6

Alat pembangunan web visual

SublimeText3 versi Mac

SublimeText3 versi Mac

Perisian penyuntingan kod peringkat Tuhan (SublimeText3)

Topik panas

Tutorial Java
1668
14
Tutorial PHP
1273
29
Tutorial C#
1256
24
Sempadan Jadual dalam HTML Sempadan Jadual dalam HTML Sep 04, 2024 pm 04:49 PM

Panduan untuk Sempadan Jadual dalam HTML. Di sini kita membincangkan pelbagai cara untuk menentukan sempadan jadual dengan contoh Sempadan Jadual dalam HTML.

Jadual Bersarang dalam HTML Jadual Bersarang dalam HTML Sep 04, 2024 pm 04:49 PM

Ini ialah panduan untuk Nested Table dalam HTML. Di sini kita membincangkan cara membuat jadual dalam jadual bersama-sama dengan contoh masing-masing.

HTML jidar-kiri HTML jidar-kiri Sep 04, 2024 pm 04:48 PM

Panduan untuk HTML margin-kiri. Di sini kita membincangkan gambaran keseluruhan ringkas tentang HTML margin-left dan Contoh-contohnya bersama-sama dengan Pelaksanaan Kodnya.

Susun Atur Jadual HTML Susun Atur Jadual HTML Sep 04, 2024 pm 04:54 PM

Panduan untuk Susun Atur Jadual HTML. Di sini kita membincangkan Nilai Susun Atur Jadual HTML bersama-sama dengan contoh dan output n perincian.

Pemegang Tempat Input HTML Pemegang Tempat Input HTML Sep 04, 2024 pm 04:54 PM

Panduan untuk Pemegang Tempat Input HTML. Di sini kita membincangkan Contoh Pemegang Tempat Input HTML bersama-sama dengan kod dan output.

Bagaimana anda menghuraikan dan memproses HTML/XML dalam PHP? Bagaimana anda menghuraikan dan memproses HTML/XML dalam PHP? Feb 07, 2025 am 11:57 AM

Tutorial ini menunjukkan cara memproses dokumen XML dengan cekap menggunakan PHP. XML (bahasa markup extensible) adalah bahasa markup berasaskan teks yang serba boleh yang direka untuk pembacaan manusia dan parsing mesin. Ia biasanya digunakan untuk penyimpanan data

Senarai Tertib HTML Senarai Tertib HTML Sep 04, 2024 pm 04:43 PM

Panduan kepada Senarai Tertib HTML. Di sini kami juga membincangkan pengenalan senarai dan jenis Tertib HTML bersama-sama dengan contoh mereka masing-masing

Butang onclick HTML Butang onclick HTML Sep 04, 2024 pm 04:49 PM

Panduan untuk Butang onclick HTML. Di sini kita membincangkan pengenalan, kerja, contoh dan onclick Event masing-masing dalam pelbagai acara.

See all articles