<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>练习</title>
</head>
<body>
<center>
<!--
跳转到id为bottom的所在的位置
直接在href中写 #id属性值
-->
<a href="#bottom">去底部</a><br />
<a href="#wx">去指定位置<a>
<h1>这是我的第一个网页</h1>
<hr />
<!--创建超链接时,如果地址比定可以用#作为占位符
-->
<a href="#">周慧敏</a>
<p id="wx">
天空一片蔚蓝<br />
清风添上了浪漫<br />
心里那份柔情蜜意似海无限<br />
在那遥远有意无意遇上<br />
共你初次邂逅谁没有遐想<br />
诗一般的落霞<br />
酒一般的夕阳<br />
<img src="t1.jpg" alt="图片" width="300px"><br />
似是月老给你我留印象<br />
斜阳离去朗月已换上<br />
没法掩盖这份情欲盖弭彰<br />
这一刹情一缕<br />
影一对人一双<br />
那怕热炽爱一场<br />
<img src="t2.jpg" alt="图片" width="300px"><br />
潮汐退和涨<br />
月冷风和霜<br />
夜雨的狂想<br />
野花的微香<br />
伴我星夜里幻想<br />
方知不用太紧张<br />
没法隐藏这份爱<br />
是我深情深似海<br />
一生一世难分开<br />
<img src="t3.jpg" alt="图片" width="300px"><br />
难改变也难再<br />
让你的爱满心内<br />
让我的爱全给你<br />
全给我最爱<br />
地老天荒仍未改<br />
</p>
<hr />
友情链接:<a href="#">环球真经典系列之周慧敏 ( 2001.8.20)</a><br /><br /><a href="#">▪ 热敏 ( 1996.6.12)></a><br />
<a id="bottom" href="#">回到顶部</a>
<!--发电子邮件的超链接,点击链接以后自动可以打开计算机中默认的邮件客户端
href="mailto:邮件地址"
点击超链接时,会默认打开计算机的默认电子邮件客户端,并且将收件人设置mailto后的邮件地址
-->
<a href="mailto:abc@atguigu,com">联系我们</a>
<!--如果链接地址设置为#号,他会到当前页面的顶部
html中有个属性,每个元素都可以设置,该属性可以作为一个标签的唯一标识
这个属性是id,id属性在同一个页面只能有一个不能重复
-->
</center>
</body>
</html>