做一个个人博客
重点：练习a标签超链接的运用，和简单标签的实现
一下是效果图：
image.png
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>歌曲</title>
</head>
<body>
<center>
<span id="to" name=""></span>
<p>
<a href="#di">去底部</a>
<a href="#gc">去指定位子</a>
</p>
<h1>这是我的个人博客</h1>
<hr>
<h2>四块五</h2>
<a target="_blank" href="https://baike.baidu.com/item/%E9%9A%94%E5%A3%81%E8%80%81%E6%A8%8A/23231834?fr=aladdin">隔壁老樊</a>
<p>作曲 : 隔壁老樊</p>
<p>作曲 : 隔壁老樊</p>
<p>作词 : 隔壁老樊</p>
<p>制作人：段小林</p>
<p>编曲：黄超</p>
<span id="gc" name=""></span>
<p>天黑了 你很忧愁</p>
<p>你说世界上</p>
<p>找不到四块五的妞</p>
<p>行走在凌晨两点的马路上</p>
<p>你疲倦地拿着半盒黄鹤楼</p>
<p>你说可怜世间万物</p>
<p>没有四块五的妞</p>
<p>怎样了 你兜儿里只剩五块出头</p>
<p>人生路长 你说你想去看没有边际的海洋</p>
<p>那里可能会有三块五的海景房</p>
<img src="../../../Camera Roll/20140623121037_SeEsR.thumb.700_0.jpg"/>
<p>怎样了 你是否闲事悠悠</p>
<p>你说花完所有的钱就剩下一块六</p>
<p>就剩下一块六 又到了难倒英雄汉的时候</p>
<p>傍晚的时候 她的脸庞定格在你心头</p>
<p>人海茫茫 她可能是你四块五的妞</p>
<p>幻想着总有一天会出头</p>
<p>终有人愿意做你四块五的妞</p>
<p>流浪吧 在风雨交加的时候</p>
<p>人海茫茫 她可能是你四块五的妞</p>
<p>幻想着总有一天会出头</p>
<p>终有人愿意做你四块五的妞</p>
<p>流浪吧 在风雨交加的时候</p>
<p>流浪吧 在风雨交加的时候</p>
<hr>
<p>
友情链接：
<a href="#">a网站</a>|
<a href="#">b网站</a>|
<a href="#">c网站</a>
</p>
<p>
<a href="#to">回到顶部</a>|
<a href="#">联系我们</a>
</p>
<span id="di" name=""></span>
</center>
</body>
</html>
注：图片地址为本地地址
网友评论