Senarai Penerangan HTML
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 definisi
- Istilah Takrifan – Elemen ini telah digunakan di bawah senarai takrifan pada masa ini dan mempunyai data sebaris atau nilai elemen dl.
- 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 -
Senarai definisi
- 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 masukOutput:
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 masukOutput:
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 masukOutput:
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 masukOutput:
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 masukOutput:
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 masukOutput:
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 masukOutput:
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 masukOutput:
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 masukOutput:
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!

Alat AI Hot

Undresser.AI Undress
Apl berkuasa AI untuk mencipta foto bogel yang realistik

AI Clothes Remover
Alat AI dalam talian untuk mengeluarkan pakaian daripada foto.

Undress AI Tool
Gambar buka pakaian secara percuma

Clothoff.io
Penyingkiran pakaian AI

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

Artikel Panas

Alat panas

Notepad++7.3.1
Editor kod yang mudah digunakan dan percuma

SublimeText3 versi Cina
Versi Cina, sangat mudah digunakan

Hantar Studio 13.0.1
Persekitaran pembangunan bersepadu PHP yang berkuasa

Dreamweaver CS6
Alat pembangunan web visual

SublimeText3 versi Mac
Perisian penyuntingan kod peringkat Tuhan (SublimeText3)

Topik panas











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

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

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

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

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

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

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

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