效果图###
kending.png
代码###
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>做一个网页</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>
总结##
1.加入多张并列的图片，需要加入标签ul，否则图片则左对齐，而非中间对其
2.<hr />表示加入可耐的分割线
3.```markdown加入代码段
4.如何访问网站：
- 浏览器键入URL(Uniform Resource Locator)
- 在URL服务器(域名系统)中解析,找到相应的IP地址
- 在对应的IP服务器中发送HTTP请求(GET,POST)
- 将请求得到的HTML，JS，CSS等传回给用户(有些数据包是压缩的)，并通过浏览器渲染
网友评论