2. it
  3. HTML04:链接标签

HTML04:链接标签

mac2024-10-20  51

注释标签

在HTML中还有一种特殊的标签——注释标签。如果需要在HTML文档中添加一些便于阅读和理解但又不需要显示在页面中的注释文字，就需要使用注释标签。其基本语法格式如下：

<!-- 注释语句 --> ctrl + / 或者 ctrl +shift + /

注释内容不会显示在浏览器窗口中，但是作为HTML文档内容的一部分，也会被下载到用户的计算机上，查看源代码时就可以看到。

链接标签(重点)

语法格式如下： <a href="跳转目标" target="目标窗口的弹出方式">文本或图像</a> 属性 href：用于指定链接目标的url地址，当为标签应用href属性时，它就具有了超链接的功能。 Hypertext Reference的缩写。意思是超文本引用 target：用于指定链接页面的打开方式，其取值有_self和_blank两种，其中_self为默认值，_blank为在新窗口中打开方式。 注意： 1.外部链接 需要添加 http:// www.baidu.com 2.内部链接 直接链接内部页面名称即可 比如 < a href="index.html"> 首页 </a > 3.如果当时没有确定链接目标时，通常将链接标签的href属性值定义为“#”(即href="#")，表示该链接暂时为一个空链接。 4.不仅可以创建文本超链接，在网页中各种网页元素，如图像、表格、音频、视频等都可以添加超链接。

锚点定位 （难点）

作用：

通过创建锚点链接，用户能够快速定位到目标内容。

具体操作

创建锚点链接分为两步：

1.使用“a href=”#id名>“链接文本"</a>创建链接文本（被点击的） <a href="#two"> 2.使用相应的id名标注跳转目标的位置。 <h3 id="two">第2集</h3>

案例：

<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Document</title> </head> <body> 友情链接: <!-- <a href="去"></a> <img src="来" > --> <!-- 以新窗口的形式打开新网页 --> <a href="http://www.baidu.com" target="_blank">百度一下</a> <!-- 搜狐 （以当前页的形式打开新网页） --> <a href="http://www.sina.com">新浪</a> <!-- 跳转到自定义页面 --> <a href="me.html">点击</a> <!-- 空链接 : --> <a href="#">空</a> <!-- 将图片嵌入到标签当中，实现点击图片实现跳转功能 --> <a href="http://www.baidu.com"><img src="bd.png" /></a> </body> </html>
最新回复(0)