标签跳转课上作业----------2019-10-09

2019-10-09  本文已影响0人  BJ000

代码:

<!DOCTYPE html>

<html lang="en">

<head>

<title>Title</title>

<meta charset="GB2312" />

<body>

<style>

body{text-align:center}

</style>

<hr>

<hr>

<a name="top" href="#bottom">跳转底部</a>|

<a href="#a1">跳到指定位置</a>

<style type="text/css">

img{

width:300px;

height:200px;

}

</style>

<h1>这是我的个人博客</h1>

<h2>蓝莲花</h2>

<br>

<br>

<hr>

<br>

<p>没有什么能够阻挡</p>

<p>你对自由的向往</p>

<p>天马行空的生涯</p>

<p>你的心了无牵挂</p>

<p>穿过幽暗的岁月</p>

<p>也曾感到彷徨</p>

<p>当你低头的瞬间</p>

<p>才发觉脚下的路</p>

<p>心中那自由的世界</p>

<p>如此的清澈高远</p>

<p>盛开着永不凋零</p>

<p>蓝莲花</p>

<div id="a1">跳到这里</div>

<img src="蓝tup.jpeg" alt="这是一个图片" />

<p>穿过幽暗地岁月</p>

<p>也曾感到彷徨</p>

<p>当你低头的瞬间</p>

<p>才发觉脚下的路</p>

<p>穿过幽暗地岁月</p>

<p>也曾感到彷徨</p>

<img src="tian.jpg" alt="这是一个图片" />

<p>当你低头的瞬间</p>

<p>才发觉脚下的路</p>

<p>心中那自由的世界</p>

<p>如此的清澈高远</p>

<p>盛开着永不凋零</p>

<p>蓝莲花</p>

<hr>

友情链接:

<a href="https://360.com" target="_blank">A网站</a>|

<a href="https://baidu.com" target="_blank">B网站</a>|

<a href="https://Firefox.com" target="_blank">C网站</a>

<br>

<a name="bottom" href="#top">回到顶部</a>|

<a href="https://wpa.qq.com/msgrd?v=3&uin=1846189021&site=qq&menu=yes" >联系我们</a>

</body>

</html>

展示效果:

上一篇 下一篇

猜你喜欢

热点阅读