作業(yè)截圖：

代碼 github 地址

?小結(jié)

網(wǎng)頁(yè)常見文件類型

.js文件，控制HTML頁(yè)面代碼，實(shí)現(xiàn)復(fù)雜的頁(yè)面效果或功能

JS 資料

.css文件，控制HTML如何展示，讓頁(yè)面展示美觀漂亮

CSS 資料

.html文件，用于描述網(wǎng)頁(yè)的結(jié)構(gòu)、布局，以及基本的頁(yè)面組件的布放

HTML 資料

相對(duì)路徑與絕對(duì)路徑

在頁(yè)面中，需要指定要使用的 css 、image、js 等靜態(tài)文件，這就涉及到文件路徑，即去哪個(gè)找這個(gè)文件了

• 相對(duì)路徑

通常使用相對(duì)路徑引用靜態(tài)文件

以當(dāng)前頁(yè)面的 HTML 文件定位其他文件的路徑。相對(duì)于當(dāng)前文件的路徑，網(wǎng)頁(yè)中一般使用相對(duì)路徑表示文件的路徑。.表示當(dāng)前目錄，..表示上級(jí)目錄

homework.css    # 當(dāng)前目錄中的 homework.css 文件
./homework.css  # 同上
../homework.css  # 上級(jí)目錄中的 homework.css 文件

• 絕對(duì)路徑

從頂級(jí)目錄\盤符\域名開始，定位靜態(tài)文件的路徑

/homework.css  # Linux 或 mac 中，根目錄下的 homework.css 文件
c:\homework.css # windows 系統(tǒng)中，c盤根目錄下的 homework.css 文件
http://www.example.com/homework.css # 網(wǎng)站根目錄下的 homework.css 文件

相對(duì)路徑與絕對(duì)路徑

網(wǎng)頁(yè)的?構(gòu)建

需要先分析網(wǎng)頁(yè)的結(jié)構(gòu)，用div、table進(jìn)行布局，將頁(yè)面進(jìn)行劃分，就像房子的戶型設(shè)計(jì)

可以通過(guò)div簡(jiǎn)單區(qū)分 HTML 頁(yè)面頭部、內(nèi)容、底部，然后再在每個(gè)div中進(jìn)一步細(xì)分

接著，在每一個(gè)div中根據(jù)需要，放置table``ul``ol``img``標(biāo)題``內(nèi)容等組件元素，元素可以嵌套

要用縮進(jìn)體現(xiàn) 元素/標(biāo)簽 層次結(jié)構(gòu)，段落標(biāo)簽應(yīng)該換行

圖片、標(biāo)題等，是塊元素，會(huì)自動(dòng)換行

詳細(xì)見HTML 資料

CSS

學(xué)習(xí)CSS 資料，寫了CSS 學(xué)習(xí)筆記

JS

這次還沒有接觸到……

鏈接的跳轉(zhuǎn)

<a href="#">Home</a>表示不跳轉(zhuǎn)，點(diǎn)擊后頁(yè)面沒有反應(yīng)

<a href="">Home</a>表示跳轉(zhuǎn)到當(dāng)前頁(yè)面，點(diǎn)擊后回重新加載當(dāng)前頁(yè)面

特殊符號(hào)

<p>?chaonet</p>

特殊符號(hào)的寫法