資源描述：

《第2章HTML5頁(yè)面元素及屬性.pptx》由會(huì)員上傳分享，免費(fèi)在線(xiàn)閱讀，更多相關(guān)內(nèi)容在應(yīng)用文檔-天天文庫(kù)。

1、讓IT教學(xué)更簡(jiǎn)單，讓IT學(xué)習(xí)更有效第二章HTML5頁(yè)面元素及屬性結(jié)構(gòu)元素頁(yè)面交互元素全局屬性分組元素文本層次語(yǔ)義元素2.4頁(yè)面交互元素2.1列表元素2.3分組元素?目錄2.2結(jié)構(gòu)元素2.5文本層次語(yǔ)義元素2.6全局屬性2.7階段案例——制作電影影評(píng)網(wǎng)2.1列表元素1ul元素2ol元素3dl元素知識(shí)引入4列表的嵌套應(yīng)用2.1知識(shí)點(diǎn)講解無(wú)序列表是網(wǎng)頁(yè)中最常用的列表，之所以稱(chēng)為“無(wú)序列表”，是因?yàn)槠涓鱾€(gè)列表項(xiàng)之間沒(méi)有順序級(jí)別之分，通常是并列的。定義無(wú)序列表的基本語(yǔ)法格式如下：1、ul元素

• 列表項(xiàng)1
• 列表項(xiàng)2
• 列表項(xiàng)3

2、......

2.1知識(shí)點(diǎn)講解有序列表即為有排列順序的列表，其各個(gè)列表項(xiàng)按照一定的順序排列，例如網(wǎng)頁(yè)中常見(jiàn)的歌曲排行榜、游戲排行榜等都可以通過(guò)有序列表來(lái)定義。定義有序列表的基本語(yǔ)法格式如下：2、ol元素

1. 列表項(xiàng)1
2. 列表項(xiàng)2
3. 列表項(xiàng)3
......

2.1知識(shí)點(diǎn)講解定義列表常用于對(duì)術(shù)語(yǔ)或名詞進(jìn)行解釋和描述，與無(wú)序和有序列表不同，定義列表的列表項(xiàng)前沒(méi)有任何項(xiàng)目符號(hào)。其基本語(yǔ)法如下：3、dl元素

名詞1

名詞1解釋1

名詞1解釋2

...

名詞

3、2

名詞2解釋1

名詞2解釋2

...

2.1知識(shí)點(diǎn)講解在網(wǎng)上購(gòu)物商城中瀏覽商品時(shí)，經(jīng)常會(huì)看到某一類(lèi)商品被分為若干小類(lèi)，這些小類(lèi)通常還包含若干的子類(lèi)。同樣，在使用列表時(shí)，列表項(xiàng)中也有可能包含若干子列表項(xiàng)，要想在列表項(xiàng)中定義子列表項(xiàng)就需要將列表進(jìn)行嵌套。4、列表的嵌套應(yīng)用2.2結(jié)構(gòu)元素1header元素2nav元素3article元素知識(shí)引入4aside元素5section元素6footer元素2.2知識(shí)點(diǎn)講解HTML5中的header元素是一種具有引導(dǎo)和導(dǎo)航作用的結(jié)構(gòu)元素，該元素可以包含所有通常放在頁(yè)面頭部的內(nèi)容。其基

4、本語(yǔ)法格式如下：1、header元素

網(wǎng)頁(yè)主題

...

2.2知識(shí)點(diǎn)講解nav元素用于定義導(dǎo)航鏈接，是HTML5新增的元素，該元素可以將具有導(dǎo)航性質(zhì)的鏈接歸納在一個(gè)區(qū)域中，使頁(yè)面元素的語(yǔ)義更加明確。例如下面這段示例代碼：2、nav元素2.2知識(shí)點(diǎn)講解article元素代表文檔、頁(yè)面或者應(yīng)用程序中與

5、上下文不相關(guān)的獨(dú)立部分，該元素經(jīng)常被用于定義一篇日志、一條新聞或用戶(hù)評(píng)論等。article元素通常使用多個(gè)section元素進(jìn)行劃分，一個(gè)頁(yè)面中article元素可以出現(xiàn)多次。3、article元素2.2知識(shí)點(diǎn)講解aside元素用來(lái)定義當(dāng)前頁(yè)面或者文章的附屬信息部分，它可以包含與當(dāng)前頁(yè)面或主要內(nèi)容相關(guān)的引用、側(cè)邊欄、廣告、導(dǎo)航條等其他類(lèi)似的有別于主要內(nèi)容的部分。aside元素的用法主要分為兩種：被包含在article元素內(nèi)作為主要內(nèi)容的附屬信息。在article元素之外使用，作為頁(yè)面或站點(diǎn)全局的附屬信息部分。4、aside元素2.2知識(shí)點(diǎn)講解section元素用于對(duì)

6、網(wǎng)站或應(yīng)用程序中頁(yè)面上的內(nèi)容進(jìn)行分塊，一個(gè)section元素通常由內(nèi)容和標(biāo)題組成。在使用section元素時(shí)，需要注意以下3點(diǎn)：不要將section元素用作設(shè)置樣式的頁(yè)面容器，那是div的特性。section元素并非一個(gè)普通的容器元素，當(dāng)一個(gè)容器需要被直接定義樣式或通過(guò)腳本定義行為時(shí)，推薦使用div。如果article元素、aside元素或nav元素更符合使用條件，那么不要使用section元素。沒(méi)有標(biāo)題的內(nèi)容區(qū)塊不要使用section元素定義。5、section元素2.2知識(shí)點(diǎn)講解footer元素用于定義一個(gè)頁(yè)面或者區(qū)域的底部，它可以包含所有通常放在頁(yè)面底部的內(nèi)容

7、。在HTML5出現(xiàn)之前，一般使用