HTML学习记录之超链接和路径

来源:互联网 发布:网络空间安全战略 编辑:程序博客网 时间:2024/05/29 06:45

学习视频:http://edu.csdn.net/course/detail/489/5453?auto_start=1

代码示例:

<!DOCTYPE html><html lang = "zh - cn"><head><meta charset="utf-8"><title>超链接和路径</title></head><body><!-- <a href="http://www.baidu.com">百度</a><br> --><!-- <a href="http://www.baidu.com" target = "_blank">百度</a><br> --><!-- href属性是必须属性,指定要跳转的网站的链接target属性告诉浏览器希望将所链接的资源显示在哪里_blank : 在新窗口或标签页中打开文档 _self :在当前窗口打开文档(默认)_parent :在父窗框组(frameset)中打开文档_top : 在顶层窗口打开文档_parent和_top是基于框架页面的,而HYML5中,框架基本被废弃,只能使用<iframe>元素,且以后大量结合JavaScript和PHP等语言配合框架用的就很少了--><!-- 绝对路径与相对路径 --><!-- <a href="index3.html">index3</a> --><!-- <a href="./index3.html">index3</a> --><!-- <a href="code/index3.html">index3</a> --><!-- <a href="HTML/code/index3.html">index3</a> --><!-- <a href="../index3.html">index3</a> --><!-- <a href="../../index3.html">index3</a> --><!-- 锚点链接 --><a href="#1">第一章</a><a href="#2">第二章</a><a href="#3">第三章</a><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><a name = "1"></a>这是第一章内容<br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><a name = "2"></a>这是第二章内容<br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><a name = "3"></a>这是第三章内容<br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><!-- 锚点的作用就是在当前页面中做到快速跳转当我在页面中用鼠标点击第一章的时候,页面会跳到name = "1"的部分而<a name = "1">和</a>之间不需要写什么,直接让页面跳到这里 这里除了用name还可以用id--></body></html>


0 0
原创粉丝点击