文章目录

  • 前言
  • 一、链接的语法格式
  • 二、链接的分类
    • 1.外部链接
    • 2.内部链接
    • 3.空链接
    • 4.下载链接
    • 5.网页元素链接
    • 6.锚点链接
  • 三、注释
  • 四、特殊字符

前言

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

一、链接的语法格式

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

单词anchor的缩写,意为:锚。
两个属性的作用如下:

属性 作用
href 用于指定链接目标的url地址,(必须属性)单位标签应用用herf属性时,他就具有了超链接功能
target 用于指定链接页面的打开方式,其中_self为默认值,_blank为在新窗口打开方式。

默认的值是_self当前窗口打开页面,_blank新窗口打开页面。

二、链接的分类

1.外部链接

(示例):

<a href="http://www.baidu.com"target=">百度</a>

2.内部链接

网站内部页面之间的相互链接。直接链接内部页面名称就可以。

(示例):

<a href="index.html">首页</a>

前面不需要加http。

3.空链接

如果当时没有确定链接目标时
例如<a herf ="#">首页</a>

4.下载链接

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

5.网页元素链接

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

6.锚点链接

  1. 在链接文本的href属性中,设置属性值为#名字的形式,如<a href="#作品">作品</a>
  2. 找到目标位置标签,里面添加一个id属性=刚才的名字,如<h3 id="作品">作品</h3>

三、注释

如果需要在HTML文档中添加一些便于阅读和理解但又不需要显示在页面中的注释文字,就需要使用注释标签。HTML中的注释以<!--"开头,以"-->结束。

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

一句话:注释标签里面的内容是给程序猿看的,这个代码是不执行不显示到页面中的。
添加注释是为了更好的解释代码的功能,便于开发人员理解和阅读代码,程序是不会执行注释内容的。

四、特殊字符

在HTML页面中, 一些特殊的符号很难或者不方便直接使用,此时我们就可以使用下面的字符来替代。

特殊字符 描述 字符的代码
空格符 &nbsp;
< 小于号 &lt;
> 大于号 &gt;
& 和号 &amp;
人民币 &yen;
© 版权 &copy;
® 注册商标 &reg;
摄氏度 &deg;
± 正负号 &plusmn;
乘号 &times;
除号 &divide;
² 平方2(上标2) &sup2;
³ 立方3(上标3) &sup3;

重点:记住空格,大于,小于,其余需要时回头查阅。

超链接标签、注释标签相关推荐

  1. 前端开发 html第二课 自结束标签 注释 标签中的属性 文档声明 进制 字符编码 文档使用 VScode 实体 meta标签 语义化标签 块元素和行内元素 布局标签

    1 自结束标签 标签一般成对出现,但是也存在一些自结束标签 如: 多"/"和没有"/"区别不大 2 注释 注释的作用: 注释中的内容会被浏览器忽略,不会在网页中 ...

  2. 【Web】HTML(No.03)HTML标签 (一) 标题标签、段落标签、水平线标签、换行标签、div/span标签、图像标签、链接标签、base标签、特殊字符标签、注释标签、文本格式化标签

    HTML标签分类 在HTML页面中,带有"< >"符号的元素被称为HTML标签,如上面提到的 HTML.head.body都是HTML骨架结构标签.所谓标签就是放在&q ...

  3. html中如何添加php代码注释_html在源代码中插入注释标签!--...--

    实例 HTML 注释: 这是一段普通的段落. 浏览器支持 IE Firefox Chrome Safari Opera 所有浏览器都支持注释标签. 定义和用法 注释标签用于在源代码中插入注释.注释不会 ...

  4. Html常见标签- 排版标签 - 文本格式化标签 - 图像标签 - 链接 - 相对路径,绝对路径的使用

    1. HTML常用标签 首先 HTML和CSS是两种完全不同的语言,我们学的是结构,就只写HTML标签,认识标签就可以了. 不会再给结构标签指定样式了. HTML标签有很多,这里我们学习最为常用的,后 ...

  5. 如何用html语言定位img,html经常使用标签(图像标签img,连接标签a,锚点定位,及路径)...

    1 图像标签img (重点) 单词缩写: image 图像html HTML网页中任何元素的实现都要依靠HTML标签,要想在网页中显示图像就须要使用图像标签,接下来将详细介绍图像标签以及和他相关的属性 ...

  6. HTML超链接标签——a标签、锚点、base标签、假链接标签

    目录 一.a标签 1.什么是a标签? 2.a标签中的属性: 3.注意点: 二.锚点 1.什么是锚点? 2.如何实现锚点? 3.要想实现通过a标签跳转到指定的位置分为两步:(重点!!!) 4.格式: 5 ...

  7. java注释是用什么标签_java的注释标签是什么?

    java的注释标签是什么? 发布时间:2020-05-23 15:22:41 来源:亿速云 阅读:112 作者:鸽子 注释是一门语言的重要组成成分,比如C语言,HTML语言,PHP语言,他们都有自己的 ...

  8. html标记表示超链接,HTML常见标签学习

    关于表格的HTML标签的介绍 表示表格一行中的一个单元格, 和 一样,只不过 标签让内容居中并加粗,常用语表示表头的信息. 关于超链接的HTML标签介绍 表示超链接. 链接               ...

  9. 使用.NET中的XML注释(一) -- XML注释标签讲解

    使用.NET中的XML注释(一) -- XML注释标签讲解 作者:Xt Idt  来源:博客园  发布时间:2011-04-02 11:46  阅读:9 次  原文链接   [收藏]   一.摘要 . ...

最新文章

  1. Linux Socket学习(十三)
  2. VMware Workstation 7.0 203739 汉化补丁
  3. JavaScript DOM 编程艺术 --- JavaScript语法
  4. [AGC014D] Black and White Tree(树形DP,博弈)
  5. Java写入的常用技巧
  6. Qt3转Qt5(Ui部分)
  7. WPF读写config配置文件
  8. 计算机网络管理2018版,2018~2019学年度第二学期“计算机网络管理”专业技能竞赛火热进行中...
  9. [虚拟化/云][全栈demo] 为qemu增加一个PCI的watchdog外设(三)
  10. AxureShare太慢?尝试在内网架设Axure共享吧!
  11. 使用kubeadm快速部署一套K8S集群
  12. 2021美赛C题解题记录(内含完整代码)
  13. 互联网经典算法面试题-验证二叉搜索树
  14. codeforces B. Ternary Sequence
  15. java 图片合成 工具类_Java实现的微信图片处理工具类【裁剪,合并,等比例缩放等】...
  16. Android Studio 学习记录-图形定制
  17. 洋哥线下见面会,小姐姐都问了什么?
  18. 微信小程序申请开通直播功能
  19. 【卡顿检测】深入理解
  20. 华为无线通用软件开发 实习一面二面

热门文章

  1. 如何从字符串中提取相关内容
  2. 环保管家——全面排查、智能诊断、贴身帮扶
  3. Feign挡板和Mock
  4. 惊栗,游走于爱情线上
  5. Cocos Creator性能优化-2-包体优化
  6. chmod 777 权限恢复问题 /etc/sudoers.d
  7. 最后的战线java下载_最后战线整合包游戏
  8. 个人知识管理工具试用感想
  9. linux看内存使用
  10. Android studio—密码规范与密码小眼睛