文章目录

  • 前言
  • 一、链接的语法格式
  • 二、链接的分类
    • 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. jetty9请求form表单太小限制
  2. 8个可以提高数据科学工作效率、节省宝贵时间的Python库
  3. Codeforces Round #341 (Div. 2) D. Rat Kwesh and Cheese 数学
  4. 将tif文件转化为png文件 Python3
  5. TFS2010迁移后Web工作项访问提示:error HRESULT E_FAIL has been returned from a call to a COM component....
  6. 设计模式(第四式:建造者模式)
  7. RHEL6基础二十之RHEL文件挂载与卸载
  8. Genome Research封面文章|张勇课题组开发方法绘制胚胎发育早期转录因子结合位点图谱...
  9. C# 中使用log4net 日志记录
  10. Android开发笔记(四十六)手机相关事件
  11. 人人能上手:OpenAI发射初学者友好的强化学习教程 | 代码简约易懂
  12. DNN Navisuite菜单模块原始XML文件的格式
  13. 解决“C:\Windows\System32\ntdll.dll”。无法查找或打开 PDB 文件问题
  14. 特斯拉AI日的感知之旅
  15. 火影150集碎片拾忆 记于2014-04-08
  16. 警惕一些野鸡国际出版社
  17. 2016蓝桥杯b组java试题及答案_2016年第七届蓝桥杯java B组省赛试题
  18. 百家号的大用处是什么? 如何购买百家号
  19. 【100%通过率】华为OD机试真题 Python 实现【预订酒店】【2022.11 Q4 新题】
  20. java-net-php-python-ssm巴音学院餐饮安全与卫生防御管理系统计算机毕业设计程序

热门文章

  1. 甲肝、乙肝、丙肝----肝、肝、肝!
  2. JDBC使用Java反射万能查询Oracle表数据、插入数据——【JDBC编程】
  3. 读《数学辞海》编辑委员会之《数学辞海 第六卷》
  4. C#:OleDbDataAdapter
  5. 九州云Animbus 7.0与飞腾公司CPU完成兼容性互认证
  6. DM达梦数据库用户管理
  7. 阿里DNS 223.5.5.5 223.6.6.6挂了,无法使用了
  8. C语言指针的初始化和赋值
  9. 选择一个好的生意伙伴很重要!
  10. 技术的迭代职业生涯_“我在技术职业生涯中做出的最好的举动” –来自八位技术专家的见解。...