1.认识URL,观察常用网站网址,区分不同组成部分
uscheme
host
port
path
anchor
2.观察web浏览过程
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>www.0082.com</title>
</head>
<body bgcolor="sky blue">
<h1>点击进入“白落梅”专区</h1>
<a href="https://baike.baidu.com/item/%E7%99%BD%E8%90%BD%E6%A2%85/10836896?fr=aladdin">白落梅</a>
<img src="https://gss0.bdstatic.com/94o3dSag_xI4khGkpoWK1HF6hhy/baike/c0%3Dbaike116%2C5%2C5%2C116%2C38/sign=8ff64ee8ba99a9012f3853647cfc611e/b3fb43166d224f4ab062e1ef0bf790529922d157.jpg"width="300"height="400">
<div id="container" style="350px " >
<div id="header" style="background-color:mediumpurple;"><h2 align="center" style="margin-bottom:0;">书籍搜索</h2></div>
<div id="content" style="background-color:#EEEEEE;height:150px;400px;float:left;">
<form action="">
Username:<input type="text" name="书名"><br>
Password:<input type="password" name="出版社">
<br>
<input type="button" value="查找">
<input type="button" value="清除">
</form>
</div>
<div id="footer" style="background-color:mediumpurple;clear:both;text-align:center;">版权 © duym</div>
</div>
<hr>
<P>友情链接</P>
<a href="https://baike.baidu.com/item/%E6%81%8D%E8%8B%A5%E6%A2%A6%E4%B8%AD%E4%B8%80%E7%9B%B8%E9%80%A2/10019302">推荐书籍<br>
<img src="https://gss2.bdstatic.com/-fo3dSag_xI4khGkpoWK1HF6hhy/baike/w%3D268/sign=9b4c1b4651da81cb4ee684cb6a67d0a4/78310a55b319ebc48167852b8226cffc1e171660.jpg" width="160" height="160" ></a>
</body>
</html>