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
Terdapat tiga elemen dalam senarai penerangan, ini ialah
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 jujukanContoh #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>
Output:
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>Output:
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>
Output:
Seterusnya, kita akan menggunakan atribut 'lang' dalam
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>
Output:
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>
Output:
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>
Output:
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>
Output:
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>
Output:
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>
Output:
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!
![[Web front-end] Permulaan pantas Node.js](https://img.php.cn/upload/course/000/000/067/662b5d34ba7c0227.png)
