書(shū)名: Dreamweaver CC網(wǎng)頁(yè)設(shè)計(jì)從入門(mén)到精通(微課精編版)作者名: 前端科技本章字?jǐn)?shù): 556字更新時(shí)間: 2019-12-09 14:39:26
2.4 HTML基礎(chǔ)
HTML是目前在網(wǎng)絡(luò)上應(yīng)用最為廣泛的語(yǔ)言,也是構(gòu)成網(wǎng)頁(yè)文檔的主要語(yǔ)言。HTML文檔是由HTML標(biāo)記組成的描述性文本,HTML標(biāo)記可以標(biāo)識(shí)文字、圖形、動(dòng)畫(huà)、聲音、表格、鏈接等。
2.4.1 HTML文檔基本結(jié)構(gòu)
HTML文檔一般都應(yīng)包含兩部分:頭部區(qū)域和主體區(qū)域。HTML文檔基本結(jié)構(gòu)由3個(gè)標(biāo)記負(fù)責(zé)組織:<html>、<head>和<body>。其中,<html>標(biāo)記標(biāo)識(shí)HTML文檔,<head>標(biāo)記標(biāo)識(shí)頭部區(qū)域,而<body>標(biāo)記標(biāo)識(shí)主體區(qū)域。一個(gè)完整的HTML文檔基本結(jié)構(gòu)如下:

可以看到,每個(gè)標(biāo)記都是成對(duì)組成,第一個(gè)標(biāo)記(如<html>)表示標(biāo)識(shí)的開(kāi)始位置,而第二個(gè)標(biāo)記(如</html>)表示標(biāo)識(shí)的結(jié)束位置。<html>標(biāo)記包含<head>和<body>標(biāo)記,而<head>和<body>標(biāo)記是并列排列。
如果把上面字符代碼放置在文本文件中,然后另存為test.html,即可在瀏覽器中瀏覽。當(dāng)然,由于這個(gè)簡(jiǎn)單的HTML文檔還沒(méi)有包含任何信息,所以在瀏覽器中是看不到任何顯示內(nèi)容的。
2.4.2 HTML基本語(yǔ)法
編寫(xiě)HTML文檔時(shí),必須遵循HTML語(yǔ)法規(guī)范。HTML文檔實(shí)際上就是一個(gè)文本文件,它由標(biāo)記和信息混合組成,當(dāng)然這些標(biāo)記和信息必須遵循一定的組合規(guī)則,否則瀏覽器是無(wú)法解析的。具體說(shuō)明請(qǐng)掃碼了解。
2.4.3 HTML標(biāo)記
HTML定義的標(biāo)記很多,下面對(duì)常用標(biāo)記進(jìn)行說(shuō)明,隨著學(xué)習(xí)不斷深入,相信會(huì)完全掌握HTML所有標(biāo)記的用法和使用技巧。具體說(shuō)明請(qǐng)掃碼了解。
2.4.4 HTML屬性
HTML元素包含的屬性眾多,這里僅就公共屬性進(jìn)行分析。公共屬性大致可分為基本屬性、語(yǔ)言屬性、鍵盤(pán)屬性、內(nèi)容屬性和延伸屬性等類型。具體說(shuō)明請(qǐng)掃碼了解。
- 中文版Dreamweaver CS6/Flash CS6/Photoshop CS6網(wǎng)頁(yè)設(shè)計(jì)基礎(chǔ)培訓(xùn)
- 眾妙之門(mén):自由網(wǎng)站設(shè)計(jì)師成功之道
- 網(wǎng)頁(yè)制作實(shí)用教程(第3版)
- jQuery Web開(kāi)發(fā)案例教程(在線實(shí)訓(xùn)版)
- Photoshop網(wǎng)頁(yè)設(shè)計(jì)從入門(mén)到精通
- 人人都玩開(kāi)心網(wǎng):Ext JS+Android+SSH整合開(kāi)發(fā)Web與移動(dòng)SNS
- 秩序之美:網(wǎng)頁(yè)中的網(wǎng)格設(shè)計(jì)
- 中文版Dreamweaver CS6完全自學(xué)教程
- 精通網(wǎng)站建設(shè):100%全能建站密碼
- Dreamweaver CS4網(wǎng)頁(yè)制作入門(mén)、進(jìn)階與提高
- 網(wǎng)站視覺(jué)設(shè)計(jì)
- 外貿(mào)獨(dú)立站建站實(shí)操?gòu)娜腴T(mén)到精通
- C#:二維三維圖形繪制工程實(shí)例寶典
- 眾妙之門(mén):移動(dòng)Web設(shè)計(jì)精髓
- 新編網(wǎng)站設(shè)計(jì)與網(wǎng)頁(yè)制作(Dreamweaver CC + Photoshop CC + Flash CC版)從入門(mén)到精通