结果展示
屏幕快照 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 过程中花费时间最多的地方。本
书中所有的例子都假定您能够找到进入 Python Shell 的方法</p>
</li>
</ul>
</div>
<div class="footer">
<p>©mugglecoding</p>
</div>
</body>
</html>
总结
- 打开网页文件时,需要打开这个网页文件夹
- 网页标签的嵌套关系
- 网页样式都是在css中写好的,直接引用就好
-
只有开始标签,没有结束标签,用来在HTML页面中添加一条水平线