- 认识URL,观察常用网站网址,区分不同组成部分。uscheme://host:port/path/?query-string=xxx#anchor11
- 观察web浏览过程.
- HTML基础。练习使用标签制作简单的页面。
<h1></h1>
<hr>
<P>友情链接</P>
<a href=url></a>
<br>
<img src="url" width="258" height="39" alt="gzcc.cn" >
<div></div>区块
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Title</title>
</head>
<body bgcolor="#ffc0cb">
<h1>网址大全</h1>
<P>友情链接</P>
<hr>
<div id="container" style="width:700px " >
<div id="header" style="background-color:white;"><a href="http://www.baidu.com/"><img src="http://imgs.technews.cn/wp-content/uploads/2014/10/Baidu.jpg"width="100" height="100"/><font size="8">百度</font> </a>
<a href="http://www.sina.com.cn/"><img src="https://ss1.bdstatic.com/70cFuXSh_Q1YnxGkpoWK1HF6hhy/it/u=3441392171,3579391732&fm=27&gp=0.jpg" width="100" height="100"/><font size="10"> 新浪</font> </a>
<a href="http://www.163.com/"><img src="https://ss1.bdstatic.com/70cFvXSh_Q1YnxGkpoWK1HF6hhy/it/u=484255855,479960664&fm=27&gp=0.jpg"width="100" height="100"/><font size="10"> 网易</font> </a>
</div>
<div id="content" style="background-color:#EEEEEE;"><img src="https://ss3.bdstatic.com/70cFv8Sh_Q1YnxGkpoWK1HF6hhy/it/u=828547650,2787266421&fm=27&gp=0.jpg" width="700" height="100"/></div>
<div id="footer" style="background-color:#FFA500;clear:both;text-align:center;">欢迎使用</div>
</div>
</body>
</html>
![](https://images2017.cnblogs.com/blog/1232550/201710/1232550-20171011195405855-1686864598.jpg)