<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>我的第一个html网站</title>
</head>
<body>
<center>
<!--
作者：[email protected]
时间：2020-03-06
描述：跳转到id为bottom的元素所在位置，直接在href中写#id属性值
-->
<a href="#bottom">回到底部</a>
<a href="#shi">诗的头部</a>
<h1>这是我的个人博客</h1>
<hr />
<h2>东风破</h2>
<a href="#">周杰伦</a>
<p id="shi">一盏离愁 孤单伫立在窗口<br />
我在门后 假装你人还没走<br />
旧地如重游 月圆更寂寞<br />
夜半清醒的烛火 不忍苛责我<br />
一壶漂泊 浪迹天涯难入喉<br />
你走之后 酒暖回忆思念瘦<br />
水向东流 时间怎么偷<br />
花开就一次成熟 我却错过<br />
谁在用琵琶弹奏 一曲东风破<br />
岁月在墙上剥落 看见小时候<br />
犹记得那年我们都还很年幼<br />
而如今琴声幽幽 我的等候你没听过<br />
<img src="img/timg (1).jpg" /><br />
谁在用琵琶弹奏 一曲东风破<br />
枫叶将故事染色 结局我看透<br />
篱笆外的古道我牵着你走过<br />
荒烟漫草的年头 就连分手都很沉默<br />
<img src="img/timg (2).jpg" width="300px" height="225" /><br />
一壶漂泊 浪迹天涯难入喉<br />
你走之后 酒暖回忆思念瘦<br />
水向东流 时间怎么偷<br />
花开就一次成熟 我却错过<br />
谁在用琵琶弹奏 一曲东风破<br />
岁月在墙上剥落 看见小时候<br />
犹记得那年我们都还很年幼<br />
而如今琴声幽幽 我的等候你没听过<br />
谁在用琵琶弹奏 一曲东风破<br />
枫叶将故事染色 结局我看透<br />
篱笆外的古道我牵着你走过<br />
荒烟漫草的年头 就连分手都<br />
谁在用琵琶弹奏 一曲东风破<br />
岁月在墙上剥落 看见小时候<br />
犹记得那年我们都还很年幼<br />
而如今琴声幽幽 我的等候你没听过<br />
谁在用琵琶弹奏 一曲东风破<br />
枫叶将故事染色 结局我看透<br />
篱笆外的古道我牵着你走过<br />
荒烟漫草的年头 就连分手都很沉默<br /></p>
<hr />
<p>友情链接：<a href="#">A网站</a>|<a href="#">B网站</a>|<a href="#">C网站</a><br />
<br />
<!--
作者：[email protected]
时间：2020-03-06
描述：#：href属性为#则回到顶部
-->
<!--
作者：[email protected]
时间：2020-03-06
描述：HTML中有一个属性，每一个元素都可以设置，该属性可以作为标签的唯一标识，这个属性就是id id属性在同一个页面中只能有一个不能重复
-->
<a id="bottom" href="#" >回到顶部</a>|
<!--
作者：[email protected]
时间：2020-03-06
描述：发送电子邮件的超链接，点击链接以后可以自动打开计算机中默认的邮件客户端
href=“mailto：邮件地址”
-->
<a href="mailto:[email protected]">联系我们</a></p>
</center>
</body>
</html>
主要内容：超链接的属性；图片不可自动换行；在不用css的情况下的居中