結(jié)果展示
屏幕快照 2016-08-06 下午2.33.46.png
我的代碼
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Title</title>
<link rel="stylesheet" type="text/css" href="homework.css">
</head>
<body>
<div class="header">
<img src="images/blah.png">
<ul class="nav">
<li><a href="#">Home</a></li>
<li><a href="#">Site</a></li>
<li><a href="#">Other</a></li>
</ul>
</div>
<div class="main-content">
<h2>The Beach</h2>
<hr /> <!--水平線分隔符-->
<ul class="photos">
<li>
<img src="images/0001.jpg" width="150" height="150">
<img src="images/0002.jpg" width="150" height="150">
<img src="images/0003.jpg" width="150" height="150">
<p>Python Shell 是您探索 Python 過程中花費(fèi)時(shí)間最多的地方。本
書中所有的例子都假定您能夠找到進(jìn)入 Python Shell 的方法</p>
</li>
</ul>
</div>
<div class="footer">
<p>?mugglecoding</p>
</div>
</body>
</html>
總結(jié)
- 打開網(wǎng)頁文件時(shí)评姨，需要打開這個(gè)網(wǎng)頁文件夾
- 網(wǎng)頁標(biāo)簽的嵌套關(guān)系
- 網(wǎng)頁樣式都是在css中寫好的难述，直接引用就好
-
只有開始標(biāo)簽，沒有結(jié)束標(biāo)簽吐句，用來在HTML頁面中添加一條水平線
