《HTML開發(fā)手冊(cè)》為HTML官方開發(fā)線上文檔,本線上手冊(cè)包含了各種html標(biāo)籤的屬性、定義、使用方法,實(shí)例運(yùn)行等,歡迎HTML開發(fā)者、HTML學(xué)習(xí)者進(jìn)行參考!
HTML是用來(lái)描述網(wǎng)頁(yè)的一種語(yǔ)言,即超文本標(biāo)記語(yǔ)言(Hyper?Text?Markup?Language),在標(biāo)準(zhǔn)通用標(biāo)記語(yǔ)言下的一個(gè)應(yīng)用。
HTML不是程式語(yǔ)言,而是一種標(biāo)記語(yǔ)言?(markup language),是網(wǎng)頁(yè)製作所必備的。
「超文本」是指頁(yè)面內(nèi)可以包含圖片、鏈接,甚至音樂、程式等非文字元素。超文本標(biāo)記語(yǔ)言(或超文本標(biāo)籤語(yǔ)言)的結(jié)構(gòu)包括「頭」部分和「主體」部分,其中「頭」部提供關(guān)於網(wǎng)頁(yè)的信息,「主體」部分提供網(wǎng)頁(yè)的具體內(nèi)容。
提示:一個(gè)基本的網(wǎng)站包含很多個(gè)網(wǎng)頁(yè),一個(gè)網(wǎng)頁(yè)由html,?css和javascript組成。 html是主體,裝載各種dom元素;css用來(lái)裝飾dom元素;javascript控制dom元素。
HTML整體結(jié)構(gòu)
標(biāo)記子<html>,說(shuō)明該檔案是用超文本標(biāo)記語(yǔ)言(本標(biāo)籤的中文全名)來(lái)描述的,它是檔案的開頭;而</html>,則表示該檔案的結(jié)尾,它們是超文本標(biāo)記語(yǔ)言檔案的開始標(biāo)記和結(jié)尾標(biāo)記。
頭部?jī)?nèi)容
<head></head>
這2個(gè)標(biāo)記符分別表示頭部訊息的開始和結(jié)尾。頭部中包含的標(biāo)記是頁(yè)面的標(biāo)題、序言、說(shuō)明等內(nèi)容,它本身不作為內(nèi)容來(lái)顯示,而是影響網(wǎng)頁(yè)顯示的效果。
主體內(nèi)容
<body></body>
網(wǎng)頁(yè)中顯示的實(shí)際內(nèi)容均包含在這2個(gè)正文標(biāo)記符之間。正文標(biāo)記符又稱為實(shí)體標(biāo)記。
下面就讓我們來(lái)建立第一個(gè)HTML檔吧!
第一個(gè)HTML檔案
實(shí)例
<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>php 中文網(wǎng)</title> </head> <body> <h1>我的第一個(gè)標(biāo)題</h1> <p>我的第一個(gè)段落。</p> </body> </html>
執(zhí)行實(shí)例?
點(diǎn)擊"運(yùn)行實(shí)例" 按鈕查看線上實(shí)例
是不是非常簡(jiǎn)單!其實(shí)超級(jí)文字標(biāo)記語(yǔ)言文件製作不是很複雜,但是功能強(qiáng)大,支援不同資料格式的文件鑲?cè)?,這也是萬(wàn)維網(wǎng)(WWW)盛行的原因之一!
提示:我們的HTML教學(xué)將幫助您逐步學(xué)習(xí)如何使用HTML 來(lái)建立站點(diǎn),如果你有任何疑問(wèn),請(qǐng)前往PHP中文網(wǎng)HTML社群提出你的問(wèn)題,會(huì)有熱心網(wǎng)友為你解答。
HTML語(yǔ)言的特色
簡(jiǎn)易性:超級(jí)文字標(biāo)記語(yǔ)言版本升級(jí)採(cǎi)用超集方式,因此更靈活方便。
可擴(kuò)展性:超級(jí)文字標(biāo)記語(yǔ)言的廣泛應(yīng)用帶來(lái)了加強(qiáng)功能,增加標(biāo)識(shí)符等要求,超級(jí)文本標(biāo)記語(yǔ)言採(cǎi)取子類元素的方式,為系統(tǒng)擴(kuò)展帶來(lái)保證。
平臺(tái)無(wú)關(guān)性:雖然個(gè)人電腦大行其道,但使用MAC等其他機(jī)器的大有人在,超級(jí)文字標(biāo)記語(yǔ)言可以使用在廣泛的平臺(tái)上,這也是萬(wàn)維網(wǎng)(WWW)盛行的另一個(gè)原因。
通用性:另外,HTML是網(wǎng)路的通用語(yǔ)言,一種簡(jiǎn)單、通用的全置標(biāo)記語(yǔ)言。它允許網(wǎng)頁(yè)製作人建立文字與圖片結(jié)合的複雜頁(yè)面,這些頁(yè)面可以被網(wǎng)路上任何其他人瀏覽到,無(wú)論使用的是什麼類型的電腦或?yàn)g覽器。
本HTML教學(xué)手冊(cè)涵蓋的內(nèi)容
本HTML教學(xué)手冊(cè)涵蓋所有HTML基礎(chǔ)知識(shí),包含html編輯器的介紹、各種html標(biāo)籤的屬性、定義、使用方法、實(shí)例運(yùn)行以及更嚴(yán)謹(jǐn)更純淨(jìng)的HTML版本即XHTML的基礎(chǔ)介紹和HTML媒體的介紹等等。
提示:本教學(xué)的每一章都包含了許多HTML實(shí)例,您可以直接點(diǎn)擊 "執(zhí)行實(shí)例" 按鈕在線查看結(jié)果。這些例子將幫助您更好地理解和使用HTML語(yǔ)言。
其它HTML相關(guān)學(xué)習(xí)參考資源
除了本頁(yè)面右邊的知識(shí)拓展,也為大家精選了以下資源
#####HTML每日程式設(shè)計(jì)小知識(shí)############## #####前端學(xué)習(xí)路線:如何成為優(yōu)秀的前端開發(fā)人員! ################最新章節(jié)
相關(guān)課程
- Web前端開發(fā)極速入門 2021-12-10
- 最懂你的大前端課:HTML5/CSS3/ES6/NPM/Vue/...【原文】 2022-09-30
- Gulp入門影片教學(xué) 2022-04-18
- 兄弟連高洛峰CSS3影片教程 2022-04-20
- AngularJS開發(fā)Web應(yīng)用程式基礎(chǔ)實(shí)例影片教學(xué) 2022-04-18
- Ajax全接觸 2022-04-13
- MUI框架基礎(chǔ)影片教學(xué) 2022-04-13
- 線上訓(xùn)練班試聽課 2019-01-10