文章目录

  • 前言
  • 一、a标签
    • 1. a 实现网页间的跳转
    • 2. a 实现网页内部跳转
    • 3. 将 a 嵌套在段落中
    • 4. 用 # 号来创建链接占位符

前言

提示:这里可以添加本文要记录的大概内容:
例如:本文介绍a标签。


一、a标签

1. a 实现网页间的跳转

a(Anchor,简写为 a)来实现网页间的跳转。
a 需要一个 href 属性指向跳转的目的地。 同时,它还应有内容。
注:target="_blank使得链接在新窗口标签中打开
例如:

<a href="https://chinese.freecodecamp.org" target="_blank">this links to freecodecamp.org</a>

2. a 实现网页内部跳转

a(anchor)元素也可以用于创建内部链接,跳转到网页内的各个不同部分。
要创建内部链接,你需要将链接的 href 属性值设置为一个哈希符号 # 加上你想内部链接到的元素的 id,通常是在网页下方的元素。然后你需要将相同的 id 属性添加到你链接到的元素中。id 是描述网页元素的一个属性,它的值在整个页面中唯一。
当用户点击 Contacts 链接,可以访问网页中带有 Contacts 标题元素的部分。
例如:

<a href="#contacts-header">Contacts</a>
...
<h2 id="contacts-header">Contacts</h2>
<a href="#footer">Jump to Bottom</a>
...
<footer id="footer">Copyright Cat Photo App</footer>

3. 将 a 嵌套在段落中

可以在其他文本元素内嵌套链接。

<p>Here's a <a target="_blank" href="https://www.freecodecamp.org"> link to www.freecodecamp.org</a> for you to follow.
</p>

targethref都是锚点1元素<a>的属性
target用来指定链接的打开方式。 属性值 _blank 表示链接会在新标签页打开。 href 用来指定链接的 URL。a 元素内的文本 link to www.freecodecamp.org 叫作锚文本,会显示为一个可以点击的链接

4. 用 # 号来创建链接占位符

href="#"链接到当前页面。为网站添加一个a元素,但还不确定要将它链接到哪时可以使用。


  1. 锚点是网页制作中超级链接的一种,又叫命名锚记,像一个迅速定位器一样,是一种页面内的超级链接 ↩︎

HTML-标签-a标签相关推荐

  1. seaborn箱图(box plot)可视化、并且使用matplotlib的meanprops函数在箱图中自定义均值标签、标签形状、标签大小、标签填充色彩、标签边缘颜色

    seaborn箱图(box plot)可视化.并且使用matplotlib的meanprops函数在箱图中自定义均值标签.标签形状.标签大小.标签填充色彩.标签边缘颜色 目录

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

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

  3. php 删除指定html标签,总结php删除html标签和标签内的内容的方法

    经常扒别人网站文章的坑们:我是指那种批量式采集的压根不看内容的,少不了都会用到删除html标签的函数:这里介绍3种不同用途上的方法: $str=' 这里是p标签 这里是a标签 '; 1:删除全部或者保 ...

  4. Highmaps网页图表教程之数据标签与标签文本

    Highmaps网页图表教程之数据标签与标签文本 Highmaps数据标签 数据标签用于在地图图表上展现节点对应的数据.数据标签展现数据是静态的,只要节点一加载,数据标签就会出现在节点附近.在High ...

  5. JSP常用标签——JSTL标签和EL表达式

    一.JSTL简介 1.什么是JSTL JSTL是Java中的一个定制标记库集.(这个标记库集不需要自己编写,可以直接使用) 2.为什么要使用JSTL 实现了JSP页面中的代码复用(基于标签库原理,重复 ...

  6. Spring 配置标签——util标签

    Spring 配置标签--util标签 一.配置applicationContext.xml <beans xmlns="http://www.springframework.org/ ...

  7. 一个简单的blog系统(九) 增加标签和标签页面

    一个简单的blog系统(九) 增加标签和标签页面 1.现在,我们来给博客添加标签和标签页面. 假定每篇文章最多只有两个标签,当单机主页左侧标签页链接的时候,跳转到标签页并且列出所有已经有的标签,当单击 ...

  8. JAVA中的break[标签]continue[标签]用法

    原文:JAVA中的break[标签]continue[标签]用法 注意:JAVA中的标签必须放在循环之前,且中间不能有其他语句.例如:tag:for或while或do--while; 1.使用brea ...

  9. JSP自定义标签_用简单标签控制标签体执行10次

    什么也不说,直接上代码: import java.io.IOException; import javax.servlet.jsp.JspException; import javax.servlet ...

  10. git 列出标签_Git标签介绍:如何在Git中列出,创建,删除和显示标签

    git 列出标签 Tagging lets developers mark important checkpoints in the course of their projects' develop ...

最新文章

  1. C mysql添加_MYSQL将表 B C 插入表A方法
  2. 【青少年编程】【一级】森林的一天
  3. 《Java编程思想》学习笔记(三)——初始化与清理
  4. Django框架(19.Django中获取url的参数(位置参数以及关键字参数))
  5. 计算机应用基础的客观题,计算机应用基础专题库客观题参考答案11
  6. 使用CSS和JQuery实现表格单元格内容超出时部分隐藏,隐藏部分以...显示
  7. sa结构组网方式_卢伟冰为大家科普一番:为啥在NSA与SA组网方式惹争议?
  8. 【洛谷试炼场】洛谷新手村——循环!循环!循环!
  9. 电商运营分享:关于双11的淘宝客无节操赚钱干货
  10. 创业反鸡汤--3.谈待遇
  11. Eclipse中查看源代码
  12. 一个量化交易策略师的自白_不安全设计师的自白
  13. 固态硬盘系统迁移踩过的坑
  14. 面试题(十二)自我介绍
  15. 并发编程面试宝典(内含69道常问面试题及答案解析)
  16. 地图匹配实例-几何匹配
  17. 相机SD卡文件夹下所有文件损坏解决方法
  18. 蓝色默认蓝色色值_美丽的蓝色网站展示
  19. 【爬虫技能书】分享自用爬虫书籍,快进来看看!
  20. 毛豆创想旗下战略部署网站盘点_彭世瑜_新浪博客

热门文章

  1. 计算机考研所用教材,计算机考研经验及所用教材
  2. React+echarts+antd实现折线图
  3. Pycharm使用教程 (非常实用)
  4. SAP中导出电子表格问题处理案例
  5. 如何帮助新员工快速融入团队?先搞清楚“融入”背后的难点,再对症下药
  6. ORACLE ora-01502 索引失效
  7. [Ec Final 2018] Misunderstood … Missing
  8. 如何配置springboot (1) ---彻骨寒风的博客
  9. 什么是编程,学习编程的意义是?
  10. 图像金字塔:概念及实现