整合營銷服務(wù)商

          電腦端+手機(jī)端+微信端=數(shù)據(jù)同步管理

          免費(fèi)咨詢熱線:

          HTML的 <dd> 標(biāo)簽定義

          帶有項(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ā)布時間
          HTML1991
          HTML+1993
          HTML 2.01995
          HTML 3.21997
          HTML 4.011999
          XHTML 1.02000
          HTML52012
          XHTML52013

          <!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)識!


          主站蜘蛛池模板: 亚洲高清偷拍一区二区三区 | 消息称老熟妇乱视频一区二区| 日韩在线不卡免费视频一区| 国产在线视频一区二区三区98| 国产伦精品一区二区三区精品 | 人妻互换精品一区二区| 亚洲国产美女福利直播秀一区二区| 亚洲一区二区三区免费| 乱人伦一区二区三区| 狠狠色婷婷久久一区二区 | 日韩精品无码一区二区中文字幕| 丝袜人妻一区二区三区| 成人乱码一区二区三区av| 亚洲综合在线成人一区| 国产AV午夜精品一区二区三区| 亚洲一区二区三区影院| 久久精品道一区二区三区| 蜜桃传媒视频麻豆第一区| 日本一区二区免费看| 色偷偷av一区二区三区| 午夜AV内射一区二区三区红桃视| 亚洲av无码成人影院一区 | 国产福利电影一区二区三区久久久久成人精品综合 | 中文字幕在线一区| 久久久国产一区二区三区| 久久亚洲一区二区| 亚洲AV无码国产一区二区三区| 成人精品一区二区激情| 一区二区三区四区无限乱码 | 国产香蕉一区二区精品视频| 海角国精产品一区一区三区糖心 | 国精产品一区一区三区MBA下载 | 中文字幕国产一区| 日韩福利视频一区| 亚洲国产一区明星换脸| 少妇无码一区二区三区| 成人丝袜激情一区二区| 熟女少妇精品一区二区| 另类ts人妖一区二区三区| 插我一区二区在线观看| 亚洲熟妇成人精品一区|