4.7超链接标签
4.7.1链接的语法格式
<a href="指定链接目标的url地址" target="目标窗口的弹出方式,其中_self为默认值,在当前窗口打开,_blank为在新窗口中打开"> 文本或图像 </a>
原意:
- a为anchor的缩写:锚
- target:目标
注意:
- href为必须属性。
4.7.2链接的分类
- 外部链接:如http://www.baidu.com
- 内部链接:网站内部之间的互相链接,参考4.6中的相对路径,如两个html文件处于同一级,则URL写xxxxx.html即可。
- 空链接:
<a href="#">还没写好</a>
效果:直接跳转当前页面 - 下载链接:如果href=“一个文件或压缩包的名字”,会下载这个文件,如文件.exe或文件.zip等。也要考虑相对路径的问题。
- 网页元素链接:文本、图像、音频、视频、表格都可以添加超链接。
- 图像添加超链接:
<a href="xxx.html"><img src="xxx.jpg"></a>
- 图像添加超链接:
- 锚点链接:点击链接可以快速定位到页面的某个位置。
- 在链接文本的href属性中设置属性值为 #名字 的形式,如
<a href="#顶部">页面顶部</a>
- 找到目标位置的标签,添加一个id属性=名字,如
<h1 id="顶部">首页</h1>
- 在链接文本的href属性中设置属性值为 #名字 的形式,如