HTML基础(6. 超链接与锚点)

来源:互联网 发布:java教育平台源码下载 编辑:程序博客网 时间:2024/05/16 18:46
<!DOCTYPE html><html lang="en"><head>    <meta charset="UTF-8">    <title>Title</title></head><body><a href="http://www.baidu.com" target="_blank">百度</a><br><!-- 这里的target="_blank",在新的一个页面打开--><!--下面这里是锚点的设置锚点,就是当你的网页很长的时候,点击某个地方就能跳转到某个位置--><a href="#i1">第一章</a><a href="#i2">第二章</a><a href="#i3">第三章</a><!--让这个标签与下边的in建立关系--><a href="#i4">第四章</a><div id="i1" style="height: 600px">第一章的内容</div><!--为了演示用了style,使每一个DIV的高度为600--><div id="i2" style="height: 600px">第二章的内容</div><div id="i3" style="height: 600px">第三章的内容</div><div id="i4" style="height: 600px">第四章的内容</div></body></html> 这里点击了第某章之后,就会自动跳转到某个地方!
原创粉丝点击