例
帶有項(xiàng)目和描述的描述列表:
<dl>
<dt>Coffee</dt>
<dd>Black hot drink</dd>
<dt>Milk</dt>
<dd>White cold drink</dd>
</dl>
瀏覽器支持
所有主流瀏覽器都支持 <dd> 標(biāo)簽。
標(biāo)簽定義及使用說明
<dd> 標(biāo)簽被用來對一個描述列表中的項(xiàng)目/名字進(jìn)行描述。
<dd> 標(biāo)簽與 <dl> (定義一個描述列表)和 <dt> (定義項(xiàng)目/名字)一起使用。
在 <dd> 標(biāo)簽內(nèi),您能放置段落、換行、圖片、鏈接、列表等等。
HTML 4.01 與 HTML5之間的差異
在 HTML 4.01 中,<dd> 標(biāo)簽被用來描述一個定義列表中的條目。
在 HTML5 中,<dd> 標(biāo)簽被用來描述一個描述列表的項(xiàng)目/名字。
全局屬性
<dd> 標(biāo)簽支持 HTML 的全局屬性。
事件屬性
<dd> 標(biāo)簽支持 HTML 的事件屬性。
如您還有不明白的可以在下面與我留言或是與我探討QQ群308855039,我們一起飛!
TML 實(shí)例
<!DOCTYPEhtml><html><head><metacharset="utf-8"><title>菜鳥教程(runoob.com)</title></head><body><h1>我的第一個標(biāo)題</h1><p>我的第一個段落。</p></body></html>
實(shí)例解析
DOCTYPE 聲明了文檔類型
位于標(biāo)簽 <html> 與 </html> 描述了文檔類型
位于標(biāo)簽 <body> 與 </body> 為可視化網(wǎng)頁內(nèi)容
位于標(biāo)簽 <h1> 與 </h1> 作為一個標(biāo)題使用
位于標(biāo)簽 <p> 與 </p> 作為一個段落顯示
<!DOCTYPE html> 在HTML5中也是描述了文檔類型。 |
什么是HTML?
HTML 是用來描述網(wǎng)頁的一種語言。
HTML 指的是超文本標(biāo)記語言: HyperText Markup Language
HTML 不是一種編程語言,而是一種標(biāo)記語言
標(biāo)記語言是一套標(biāo)記標(biāo)簽 (markup tag)
HTML 使用標(biāo)記標(biāo)簽來描述網(wǎng)頁
HTML 文檔包含了HTML 標(biāo)簽及文本內(nèi)容
HTML文檔也叫做 web 頁面
HTML 標(biāo)簽
HTML 標(biāo)記標(biāo)簽通常被稱為 HTML 標(biāo)簽 (HTML tag)。
HTML 標(biāo)簽是由尖括號包圍的關(guān)鍵詞,比如 <html>
HTML 標(biāo)簽通常是成對出現(xiàn)的,比如 <b> 和 </b>
標(biāo)簽對中的第一個標(biāo)簽是開始標(biāo)簽,第二個標(biāo)簽是結(jié)束標(biāo)簽
開始和結(jié)束標(biāo)簽也被稱為開放標(biāo)簽和閉合標(biāo)簽
<標(biāo)簽>內(nèi)容</標(biāo)簽>
HTML 元素
"HTML 標(biāo)簽" 和 "HTML 元素" 通常都是描述同樣的意思.
但是嚴(yán)格來講, 一個 HTML 元素包含了開始標(biāo)簽與結(jié)束標(biāo)簽,如下實(shí)例:
HTML 元素:
<p>這是一個段落。</p>
Web 瀏覽器
Web瀏覽器(如谷歌瀏覽器,Internet Explorer,F(xiàn)irefox,Safari)是用于讀取HTML文件,并將其作為網(wǎng)頁顯示。
瀏覽器并不是直接顯示的HTML標(biāo)簽,但可以使用標(biāo)簽來決定如何展現(xiàn)HTML頁面的內(nèi)容給用戶:
HTML 網(wǎng)頁結(jié)構(gòu)
下面是一個可視化的HTML頁面結(jié)構(gòu):
<html>
<head>
<title>頁面標(biāo)題</title>
</head>
<body>
<h1>這是一個標(biāo)題</h1>
<p>這是一個段落。</p>
<p>這是另外一個段落。</p>
</body>
</html>
只有 <body> 區(qū)域 (白色部分) 才會在瀏覽器中顯示。 |
HTML版本
從初期的網(wǎng)絡(luò)誕生后,已經(jīng)出現(xiàn)了許多HTML版本:
版本 | 發(fā)布時間 |
---|---|
HTML | 1991 |
HTML+ | 1993 |
HTML 2.0 | 1995 |
HTML 3.2 | 1997 |
HTML 4.01 | 1999 |
XHTML 1.0 | 2000 |
HTML5 | 2012 |
XHTML5 | 2013 |
<!DOCTYPE> 聲明
<!DOCTYPE>聲明有助于瀏覽器中正確顯示網(wǎng)頁。
網(wǎng)絡(luò)上有很多不同的文件,如果能夠正確聲明HTML的版本,瀏覽器就能正確顯示網(wǎng)頁內(nèi)容。
doctype 聲明是不區(qū)分大小寫的,以下方式均可:
<!DOCTYPE html>
<!DOCTYPE HTML>
<!doctype html>
<!Doctype Html>
通用聲明
HTML5
<!DOCTYPE html>
HTML 4.01
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"http://www.w3.org/TR/html4/loose.dtd">
XHTML 1.0
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
查看完整網(wǎng)頁聲明類型 DOCTYPE 參考手冊。
中文編碼
目前在大部分瀏覽器中,直接輸出中文會出現(xiàn)中文亂碼的情況,這時候我們就需要在頭部將字符聲明為 UTF-8。
HTML 實(shí)例
<!DOCTYPEhtml><html><head><metacharset="UTF-8"><title>頁面標(biāo)題</title></head><body><h1>我的第一個標(biāo)題</h1><p>我的第一個段落。</p></body></html>
如您還有不明白的可以在下面與我留言或是與我探討QQ群308855039,我們一起飛!
起網(wǎng)頁技術(shù),今天給大家介紹一個網(wǎng)頁開發(fā)中的主要技術(shù)——HTML。HTML是什么呢?HTML官方定義為超文本標(biāo)記語言,全稱為Hypertext Markup Language。HTML是Web的核心語言,它是使用標(biāo)記來描述網(wǎng)頁的一種語言,它的語法簡單、結(jié)構(gòu)清晰。
所謂HTML頁面就是我們常說的網(wǎng)頁,也會稱之為HTML文檔。HTML文檔中包含HTML標(biāo)簽和文本內(nèi)容,瀏覽器會讀取HTML文檔,并將它們以網(wǎng)頁的形式呈現(xiàn)給用戶。在HTML頁面中可以包含圖片、文字、聲音、視頻、動畫、超鏈接等等。
在網(wǎng)頁文檔中標(biāo)簽是構(gòu)成網(wǎng)頁的基本單位,也被稱為標(biāo)記、元素,是由尖括號包圍起來的關(guān)鍵詞,HTML標(biāo)簽分為單標(biāo)簽、雙標(biāo)簽,單標(biāo)簽是在開始標(biāo)簽中直接閉合,而雙標(biāo)簽由開始標(biāo)簽和結(jié)束標(biāo)簽組成,在標(biāo)簽的中間填入內(nèi)容,大部分的HTML標(biāo)簽可以添加屬性用以修飾該標(biāo)簽。在HTML標(biāo)簽不區(qū)分大小寫,但是W3C建議我們使用小寫。下圖是是一個簡單的HTML文檔的基本結(jié)構(gòu)。
上文又提到一個概念叫做W3C,那么大家可能會問W3C是什么呢?W3C(World Wide Web Consortium)萬維網(wǎng)聯(lián)盟,W3C最大限度地就技術(shù)相關(guān)內(nèi)容達(dá)成共識,確保編程質(zhì)量,促進(jìn)規(guī)范之間的一致性,并獲得W3C和更廣泛的社區(qū)的認(rèn)可。它的主要工作是對Web進(jìn)行標(biāo)準(zhǔn)化,創(chuàng)建并維護(hù)www標(biāo)準(zhǔn)。簡單來說,W3C是一個專門來制定web標(biāo)準(zhǔn)的非盈利性組織。而這些廣泛運(yùn)用的標(biāo)準(zhǔn)被稱為W3C標(biāo)準(zhǔn)。
一門技術(shù)的發(fā)展以及成熟,也不是一蹴而就的,那么接下來我們來了解一下HTML的發(fā)展歷程。
HTML經(jīng)歷了多個版本,才到現(xiàn)在最新的、目前還沒有定稿的HTML5。
HTML 2.0是1996年由Internet工程的HTML工作組開發(fā)。它是果實(shí)的HTML版本。
1997年1月,由W3C標(biāo)準(zhǔn)發(fā)布的HTML3.2,在HTML2.0的基礎(chǔ)上添加了新的、被廣泛運(yùn)用的特性。
1997年12月,HTML4.0由W3C發(fā)布,并與第二年4月發(fā)布了它的修改版本。在HTML4.0中一個比較重要的特性就是加入了css樣式表。
1999年12月,W3C推出了HTML4.01,它是HTML4.0的升級版本,對HTML4.0進(jìn)行了一些修正和漏洞修復(fù)。
2000年1月,W3C發(fā)布了XHTML 1.0,這個版本使用XML對HTML4.01進(jìn)行了重新地表示。XHTML(EXtensible HyperText Markup Language)可擴(kuò)展的超文本標(biāo)記語言,它的目的是為了取代HTML,因此它與HTML 4.01幾乎一致,但是它是一個語法更為嚴(yán)格、更為純凈的HTML版本,是作為一種XML(可擴(kuò)展標(biāo)記語言,與HTML的區(qū)別在于,HTML用來顯示數(shù)據(jù),而XML用來描述數(shù)據(jù))應(yīng)用被重新定義的HTML。
2008年1月,W3C發(fā)布了HTML5的第一份正式工作草案。雖然,到目前為止HTML5還沒有正式發(fā)布,仍處在不斷完善階段,但是,現(xiàn)在大部分瀏覽器已經(jīng)具備了某些HTML5的支持。
今天的分享就到這里,希望大家對HTML有一個簡單的認(rèn)識!
*請認(rèn)真填寫需求信息,我們會在24小時內(nèi)與您取得聯(lián)系。