效果圖###

kending.png
代碼###
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>做一個網(wǎng)頁</title>
<link rel="stylesheet" type="text/css" href="homework.css"></link>
</head>
<body>
<div class="header">
<img src="images/blah.png">
<!-- png格式的圖片可以保存為無背景 -->
<ul class="nav">
<li>
<a href="#">Jerome</a>
</li>
<li>
<a href="#">Junwei</a>
</li>
<li>
<a href="#">Yang</a>
</li>
</ul>
</div>
<div class="main-content">
<h2>墾丁</h2>
<hr />
<ul class="nav">
<img src="images/kending01.jpg" width="150" height="150"></img>
<img src="images/kending02.jpg" width="150" height="150"></img>
<img src="images/kending03.jpg" width="150" height="150"></img>
</ul>
<p>
想說的很多,有時間再寫
想說的很多,有時間再寫
想說的很多,有時間再寫
想說的很多,有時間再寫
想說的很多,有時間再寫
想說的很多,有時間再寫
</p>
</div>
<div class="footer">
<p>Copyright : Jerome</p>
</div>
</body>
</html>
總結(jié)##
1.加入多張并列的圖片,需要加入標(biāo)簽ul,否則圖片則左對齊,而非中間對其
2.<hr />表示加入可耐的分割線
3.```markdown加入代碼段
4.如何訪問網(wǎng)站:
- 瀏覽器鍵入URL(Uniform Resource Locator)
- 在URL服務(wù)器(域名系統(tǒng))中解析,找到相應(yīng)的IP地址
- 在對應(yīng)的IP服務(wù)器中發(fā)送HTTP請求(GET,POST)
- 將請求得到的HTML,JS,CSS等傳回給用戶(有些數(shù)據(jù)包是壓縮的),并通過瀏覽器渲染