一、创建超链接
- 在HTML中创建超链接非常简单,只需用<a></a>标记环绕需要被链接的对象即可,其基本语法格式如下:
<a href="跳转目标" target="目标窗口的弹出方式">文本或图像</a>
- 在上面的语法中,<a>标记是一个行内标记,用于定义超链接,href和target为其常用属性,下面对它们进行具体地解释。
①href:用于指定链接目标的url地址,当为<a>标记应用href属性时,它就具有了超链接的功能。
②target:用于指定链接页面的打开方式,其取值有_self和_blank两种,其中_self为默认值,_blank为在新窗口中打开方式。
③注意: 暂时没有确定链接目标时,通常将<a>标记的href属性值定义为“#”(即href="#"),表示该链接暂时为一个空链接。
<a href="#">这是一个空链</a>
④不仅可以创建文本超链接,在网页中各种网页元素,如图像、表格、音频、视频等都可以添加超链接。
二、锚点链接
- 通过创建锚点链接,用户能够快速定位到目标内容。
- 创建锚点链接分为两步: 使用“<a href=”#id名“>链接文本</a>”创建链接文本。 使用相应的id名标注跳转目标的位置。
<!-- 超链接标签 --> <a href="../2.26/picture.jpg" title="提示文本" target="_blank">这是一个超链接</a> <!-- 锚链接 --> <p id="first">一大段话一大段话一大段话一大段话一大段话</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>一大段话一大段话一大段话一大段话一大段话</p> <p>一大段话一大段话一大段话一大段话一大段话</p> <p>一大段话一大段话一大段话一大段话一大段话</p> <p>一大段话一大段话一大段话一大段话一大段话</p> <p>一大段话一大段话一大段话一大段话一大段话</p> <p>一大段话一大段话一大段话一大段话一大段话</p> <p>一大段话一大段话一大段话一大段话一大段话</p> <a href="#first">回到第一段</a>
三、超链接下载的功能,但是不推荐
<a href="images.zip">下载压缩包</a>
四、超链接优化写法
<base target="_blank"> 让所有的超链接都在新窗口打开
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Document</title> <base target="_blank"> </head> <body> <a href="#">这是一个超链接</a><br/> <a href="#">这是一个超链接</a><br/> <a href="#">这是一个超链接</a><br/> <a href="#">这是一个超链接</a><br/> <a href="#" target="_self">这是一个超链接</a> </body> </html>