搜尋
首頁web前端html教學HTML 說明列表
HTML 說明列表Sep 04, 2024 pm 04:44 PM
htmlhtml5HTML TutorialHTML PropertiesHTML tags

本文介紹了描述清單或定義清單以及它在 HTML 文件中的用途。那麼如何定義描述清單呢?簡而言之,我們可以說它是定義清單(例如,在互聯網/網頁上呈現資訊的術語表)。然而,描述清單的使用較少,但有一定的用途。同時,這個定義清單為網頁帶來了附加價值;例如,網頁上給出的文字解釋了上下文,換句話說,幫助透過語義標記上下文。透過這樣做,我們可以輕鬆地提取結構化資訊。定義清單是描述術語、值和另一個術語表的完美術語。

文法:


……
………..

描述清單中有三個元素,分別是

  1. 定義清單
    – 用來描述許多編號。列出的資訊中的術語並形成外部標籤。它的表達方式與普通文件類似,或經常用作術語表。
  2. 定義術語
    – 該元素目前已在定義清單下使用,並且具有內聯資料或 dl 元素的值。
  3. 定義描述
    - 此元素定義該元素下的資料是區塊級的還是內聯的。

HTML 描述清單標籤

描述清單是清單類型之一;它們被認為是有序項目符號清單的通用形式。唯一的區別是沒有項目符號圖示。

注意:任何定義列表都包含
的序列。組合/一對多關係的組合。這些描述標籤在 HTML4 中受到支持,並透過 HTML5 中的新術語作為更多名稱/值對進行了增強。它在問題和答案之間建立了關聯連結。

類型 1:單一定義術語與共同定義

範例#1



Web Designing company in Chennai
This service Enhance Website Exposure with professional User Interface

輸出:

HTML 說明列表

範例 #2


<title>Page Title</title>
<style>
body {
background-color: pink;
text-align: center;
color: blue;
font-family: Arial, italic;
}
</style>


<h1 id="HTML-Demo">HTML Demo 2</h1>
<p>This is Networking Protocol Abbreviation.</p>
FTP
File Transfer Protocol
TCP/IP
Transmission Control Protocol/IP address
SNMP
Simple Network Management Protocol

輸出:
HTML 說明列表

類型 2:單一描述和多個術語

範例#1



Ebay
Etsy
Walmart
The Top 10 internet shopping websites in the year 2019

輸出:

HTML 說明列表

接下來,我們將在

中使用「lang」屬性。其中術語使用不同的語言。這些屬性將 ISO 語言代碼作為其兩個字母的值。

範例#2



<h2 id="A-Description-HTML-list">A Description HTML list</h2>
formas
Shapes
Formes
A Shape determines the different structure of the objects.

輸出:

HTML 說明列表

類型 3:描述多個描述的單一術語

範例


<title>DEFINITION LIST</title>


<h1 id="u-DEFINITION-LIST-DEMO-u"><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>

</h3>
</h3>

輸出:

HTML 說明列表

類型 4:多個術語和多個描述

範例



<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.1">
<title>Definition List example</title>


<h1 id="Definition-List-Demo">Definition List Demo4</h1>
Engaged
Leaves
Students got engaged during their Lab hours in the college.
Childrens feels when their father leaves for the work.

輸出:

HTML 說明列表

類型 5:使用樣式屬性的定義清單

此處為顏色指定樣式屬性,以反白描述描述術語。

範例#1

 HTML Definition Lists 

<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>

</h2>
</h2>

輸出:

HTML 說明列表

使用 標籤,據了解,附近的文字被指定為該術語的定義。

範例 #2



<title> Demo</title>
Definition list
Apple fruit
This fruit is quoted as "miracle food" where this gives best nutrients to the body. They are rich in antioxidents
A small fragment of apple intakes daily cures cancer,heart disease etc.
Different varieties includes Braeburn,Cameo,Fuji,Gala

輸出:

HTML 說明列表

類型 6:為描述清單放置背景顏色

下面的範例透過使用屬性「bgcolor」顯示帶有背景顏色的內容。

範例


<title>DEFINITION LIST</title>


<h1 id="u-DEFINITION-LIST-DEMO-u"><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>


</h3>
</h3>

輸出:

HTML 說明列表

結論 – HTML 描述清單

我們希望這篇關於定義列表的文章或可以說是術語表列表已經指導了演示定義列表的一些可用用途。我們已經對如何使用這些技術在資訊片段之間進行有用的合作有了基本的了解。例如,Google詞彙表給出瞭如何標記有意義的資訊並以多種方式在網頁上使用。它們具有未來的功能,一些網站使用語義來呈現其資料的美感,並如此簡單和靈活地重複使用給定的資訊。

以上是HTML 說明列表的詳細內容。更多資訊請關注PHP中文網其他相關文章!

陳述
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn
HTML超文本标记语言--超在那里?(文档分析)HTML超文本标记语言--超在那里?(文档分析)Aug 02, 2022 pm 06:04 PM

本篇文章带大家了解一下HTML(超文本标记语言),介绍一下HTML的本质,HTML文档的结构、HTML文档的基本标签和图像标签、列表、表格标签、媒体元素、表单,希望对大家有所帮助!

html和css算编程语言吗html和css算编程语言吗Sep 21, 2022 pm 04:09 PM

不算。html是一种用来告知浏览器如何组织页面的标记语言,而CSS是一种用来表现HTML或XML等文件样式的样式设计语言;html和css不具备很强的逻辑性和流程控制功能,缺乏灵活性,且html和css不能按照人类的设计对一件工作进行重复的循环,直至得到让人类满意的答案。

web前端笔试题库之HTML篇web前端笔试题库之HTML篇Apr 21, 2022 am 11:56 AM

总结了一些web前端面试(笔试)题分享给大家,本篇文章就先给大家分享HTML部分的笔试题(附答案),大家可以自己做做,看看能答对几个!

HTML5中画布标签是什么HTML5中画布标签是什么May 18, 2022 pm 04:55 PM

HTML5中画布标签是“<canvas>”。canvas标签用于图形的绘制,它只是一个矩形的图形容器,绘制图形必须通过脚本(通常是JavaScript)来完成;开发者可利用多种js方法来在canvas中绘制路径、盒、圆、字符以及添加图像等。

总结HTML中a标签的使用方法及跳转方式总结HTML中a标签的使用方法及跳转方式Aug 05, 2022 am 09:18 AM

本文给大家总结介绍a标签使用方法和跳转方式,希望对大家有所帮助!

html5废弃了哪个列表标签html5废弃了哪个列表标签Jun 01, 2022 pm 06:32 PM

html5废弃了dir列表标签。dir标签被用来定义目录列表,一般和li标签配合使用,在dir标签对中通过li标签来设置列表项,语法“<dir><li>列表项值</li>...</dir>”。HTML5已经不支持dir,可使用ul标签取代。

html中document是什么html中document是什么Jun 17, 2022 pm 04:18 PM

在html中,document是文档对象的意思,代表浏览器窗口的文档;document对象是window对象的子对象,所以可通过“window.document”属性对其进行访问,每个载入浏览器的HTML文档都会成为Document对象。

html5支持boolean值属性吗html5支持boolean值属性吗Apr 22, 2022 pm 04:56 PM

html5支持boolean值属性;boolean值属性指是属性值为true或者false的属性,如input元素中的disabled属性,不使用该属性表示值为flase,不禁用元素,使用该属性可以不设置属性值表示值为true,禁用元素。

See all articles

熱AI工具

Undresser.AI Undress

Undresser.AI Undress

人工智慧驅動的應用程序,用於創建逼真的裸體照片

AI Clothes Remover

AI Clothes Remover

用於從照片中去除衣服的線上人工智慧工具。

Undress AI Tool

Undress AI Tool

免費脫衣圖片

Clothoff.io

Clothoff.io

AI脫衣器

AI Hentai Generator

AI Hentai Generator

免費產生 AI 無盡。

熱門文章

R.E.P.O.能量晶體解釋及其做什麼(黃色晶體)
2 週前By尊渡假赌尊渡假赌尊渡假赌
倉庫:如何復興隊友
4 週前By尊渡假赌尊渡假赌尊渡假赌
Hello Kitty Island冒險:如何獲得巨型種子
3 週前By尊渡假赌尊渡假赌尊渡假赌

熱工具

SublimeText3 Linux新版

SublimeText3 Linux新版

SublimeText3 Linux最新版

記事本++7.3.1

記事本++7.3.1

好用且免費的程式碼編輯器

Atom編輯器mac版下載

Atom編輯器mac版下載

最受歡迎的的開源編輯器

WebStorm Mac版

WebStorm Mac版

好用的JavaScript開發工具

ZendStudio 13.5.1 Mac

ZendStudio 13.5.1 Mac

強大的PHP整合開發環境