超链接与注释

316 阅读2分钟

这是我参与11月更文挑战的第1天,活动详情查看:2021最后一次更文挑战

一、

超链接标签 (重点)

  1. 链接的语法格式
  <a href="跳转目标" target="目标窗口的弹出方式"> 文本或图像 </a>

单词 anchor [ˈæŋkə(r)] 的缩写,意为:锚

href:用于链接目标的url地址

target:用于指定链接页面打开的方式,其中_self为默认值,在当前页面打开; _blank为在新窗口打开。

2.链接分类:

  1. )外部链接: 例如< a href="http:// [www.baidu.com](www.baidu.com) "> 百度。
  2. )内部链接:网站内部页面之间的相互链接. 直接链接内部页面名称即可,例如< a href="index.html"> 首页 。
  3. )空链接: 如果当时没有确定链接目标时,<a href="#"> 首页 。
  4. )下载链接: 如果 href 里面地址是一个文件或者压缩包或文档,会下载这个文件,<a href="img.zip">。(注意图片是不行的)
  5. )网页元素链接: 在网页中的各种网页元素,如文本、图像、表格、音频、视频等都可以添加超链接.
  6. )锚点链接: 点我们点击链接,可以快速定位到页面中的某个位置. (1)在链接文本的 href 属性中,设置属性值为 #名字 的形式,如:
    <a href="#selflive">个人生活</a><br/>

(2)找到目标位置标签,里面添加一个 id 属性 = 刚才的名字 ,如:

  <h3 id="selflive">个人生活</h3>

以下是以上知识的综合实践代码

 <h4>1外部链接</h4>
<a href="http://www.baidu.com" target="_blank">百度(新开页面)</a>
    target 打开窗口的方式 默认的值是 _self 当前窗口打开; _blank 新窗口打开页面
    <a href="http://www.qq.com" target="_self">QQ(默认当前开)</a>
    <a href="http://www.qq.com" target="_self">QQ(默认当前开)</a>
    <h4>-------------------------------------------</h4>
    <h4>2内部链接:网站内部页面之间的相互链接</h4>
    <a href="2图像路径.html" target="_blank">图像路径</a>
    <h4>3空链接:#</h4>
    <a href="#">这是空链接</a>
    <h4>4下载链接:地址链接是文件 .exe 或者是 zip 等压缩包形式。还可以是文档。不能是图片。</h4>
    <a href="img.zip">这是下载文件链接</a>
    <a href="文档.docx">这是下载文件链接</a>
    <h4>5网页元素的链接</h4>
    <a href="http://www.qq.com"><img src="img.jpg" width="100"></a>

二、

注释语句

<!-- 注释语句 --> 快捷键: ctrl + /

1636035206887.png