成果：
代碼：
<!DOCTYPE html>
<html lang="en">
<head>
? ? <meta charset="UTF-8">
? ? <title>homework</title>
? ? <link rel="stylesheet" type="text/css" href="homework.css">
</head>
<body>
? ? <div class="header">
? ? ? ? <img src="images_c/blah.png">
? ? ? ? <ul class="nav">
? ? ? ? ? ? <li><a href="#">Home</a></li>
? ? ? ? ? ? <li><a href="#">Home</a></li>
? ? ? ? ? ? <li><a href="#">Home</a></li>
? ? ? ? </ul>
? ? </div>
? ? <div class="main-content">
? ? ? ? <h2 align="center">The Beach</h2>
? ? ? ? <hr />
? ? ? ? <ul class="photos">
? ? ? ? ? ? <img src="images_c/0001.jpg" width="150" height="150" >
? ? ? ? ? ? <img src="images_c/0003.jpg" width="150" height="150" >
? ? ? ? ? ? <img src="images_c/0004.jpg" width="150" height="150">
? ? ? ? </ul>
? ? ? ? <p>
? ? ? ? ? ? "stretching from Solta to Mljet, and this unique cycling trip captures the highlights
? ? ? ? ? ? with an ideal balance of activity, culture and relaxation. Experience the beautiful island
? ? ? ? ? ? of Korcula with its picturesque old town, the untouched beauty of Vis, and trendy Hvar with
? ? ? ? ? ? its Venetian architecture. In the company of a cycling guide, this stimulating journey
? ? ? ? ? ? explores towns and landscapes, many of which are on UNESCO's world heritage list. Aboard
? ? ? ? ? ? the comfortably appointed wooden motor yacht, there is ample
? ? ? ? ? ? time between cycles to swim in the azure waters and soak up the ambience of seaside towns."
? ? ? ? </p>
? ? </div>
? ? <div class="footer">
? ? ? ? <p>©muggkecoding</p>
? ? </div>
</body>
</html>
總結(jié)：1.文件路徑要整理好
2.本次課程主要就是為了理解相應(yīng)的網(wǎng)絡(luò)結(jié)構(gòu)瓢颅。要注意茸习，樣式是寫在結(jié)構(gòu)的標(biāo)簽的括號中的俺榆。
嵌套關(guān)系是重點(diǎn)。
4.學(xué)會畫結(jié)構(gòu)分析圖
