HTML超链接标签(重点)

在HTML标签中,标签用于定义超链接,作用是从一个页面链接到另一个页面。

第一部分:超链接的语法格式

<a href="跳转目标" target="目标窗口的弹出方式">文本成图像a>

单词anchor的缩写,意为:锚。

href:用于指定连接目标的URL地址,(必须属性),当为标签应用href属性时,它就具有了超链接的功能。

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

第二部分:链接分类

  1. 外部连接,例如百度

target 打开窗口的方式 默认值是 _self 当前窗口打开页面 _blank新窗口打开页面。
HTML超链接标签(重点)_第1张图片
2.内部链接

网站页面之间的相互链接,直接链接内部页面名称即可,例如HTML超链接标签(重点)_第2张图片
3.空链接

如果当时没有确定链接模板时,首页

4.下载链接

如果href里面地址是一个文件或者压缩包,会下载这个文件。

5.网页元素链接

在网页中的各种网页元素,如文本、图像、表格、音频、视频等都可以添加链接。

   <img src="../images/image01.jpg"/>a> <img src="../images/image01.jpg"/>

HTML超链接标签(重点)_第3张图片
6.锚点链接

当我们点击链接,可以快速定位到页面中的某个位置。

第一步:在链接文本的href属性时,设置属性值为 #名字 的形式,如第2集

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

第2集介绍


HTML超链接标签(重点)_第4张图片

 <a href="#live">个人生活a><br/>
 <h3 id="live">个人生活h3>>h3>

返回顶部

  <h1 id="top">目录h1>>
  <a href="#top">返回顶部a>

你可能感兴趣的:(前端基础知识(HTML),css,html)