HTML-标签-a标签
文章目录
- 前言
- 一、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>
target
和href
都是锚点1元素<a>
的属性
target
用来指定链接的打开方式。 属性值 _blank
表示链接会在新标签页打开。 href
用来指定链接的 URL。a
元素内的文本 link to www.freecodecamp.org 叫作锚文本,会显示为一个可以点击的链接
4. 用 # 号来创建链接占位符
href="#"
链接到当前页面。为网站添加一个a
元素,但还不确定要将它链接到哪时可以使用。
锚点是网页制作中超级链接的一种,又叫命名锚记,像一个迅速定位器一样,是一种页面内的超级链接 ↩︎
HTML-标签-a标签相关推荐
- seaborn箱图(box plot)可视化、并且使用matplotlib的meanprops函数在箱图中自定义均值标签、标签形状、标签大小、标签填充色彩、标签边缘颜色
seaborn箱图(box plot)可视化.并且使用matplotlib的meanprops函数在箱图中自定义均值标签.标签形状.标签大小.标签填充色彩.标签边缘颜色 目录
- 如何用html语言定位img,html经常使用标签(图像标签img,连接标签a,锚点定位,及路径)...
1 图像标签img (重点) 单词缩写: image 图像html HTML网页中任何元素的实现都要依靠HTML标签,要想在网页中显示图像就须要使用图像标签,接下来将详细介绍图像标签以及和他相关的属性 ...
- php 删除指定html标签,总结php删除html标签和标签内的内容的方法
经常扒别人网站文章的坑们:我是指那种批量式采集的压根不看内容的,少不了都会用到删除html标签的函数:这里介绍3种不同用途上的方法: $str=' 这里是p标签 这里是a标签 '; 1:删除全部或者保 ...
- Highmaps网页图表教程之数据标签与标签文本
Highmaps网页图表教程之数据标签与标签文本 Highmaps数据标签 数据标签用于在地图图表上展现节点对应的数据.数据标签展现数据是静态的,只要节点一加载,数据标签就会出现在节点附近.在High ...
- JSP常用标签——JSTL标签和EL表达式
一.JSTL简介 1.什么是JSTL JSTL是Java中的一个定制标记库集.(这个标记库集不需要自己编写,可以直接使用) 2.为什么要使用JSTL 实现了JSP页面中的代码复用(基于标签库原理,重复 ...
- Spring 配置标签——util标签
Spring 配置标签--util标签 一.配置applicationContext.xml <beans xmlns="http://www.springframework.org/ ...
- 一个简单的blog系统(九) 增加标签和标签页面
一个简单的blog系统(九) 增加标签和标签页面 1.现在,我们来给博客添加标签和标签页面. 假定每篇文章最多只有两个标签,当单机主页左侧标签页链接的时候,跳转到标签页并且列出所有已经有的标签,当单击 ...
- JAVA中的break[标签]continue[标签]用法
原文:JAVA中的break[标签]continue[标签]用法 注意:JAVA中的标签必须放在循环之前,且中间不能有其他语句.例如:tag:for或while或do--while; 1.使用brea ...
- JSP自定义标签_用简单标签控制标签体执行10次
什么也不说,直接上代码: import java.io.IOException; import javax.servlet.jsp.JspException; import javax.servlet ...
- git 列出标签_Git标签介绍:如何在Git中列出,创建,删除和显示标签
git 列出标签 Tagging lets developers mark important checkpoints in the course of their projects' develop ...
最新文章
- C mysql添加_MYSQL将表 B C 插入表A方法
- 【青少年编程】【一级】森林的一天
- 《Java编程思想》学习笔记(三)——初始化与清理
- Django框架(19.Django中获取url的参数(位置参数以及关键字参数))
- 计算机应用基础的客观题,计算机应用基础专题库客观题参考答案11
- 使用CSS和JQuery实现表格单元格内容超出时部分隐藏,隐藏部分以...显示
- sa结构组网方式_卢伟冰为大家科普一番:为啥在NSA与SA组网方式惹争议?
- 【洛谷试炼场】洛谷新手村——循环!循环!循环!
- 电商运营分享:关于双11的淘宝客无节操赚钱干货
- 创业反鸡汤--3.谈待遇
- Eclipse中查看源代码
- 一个量化交易策略师的自白_不安全设计师的自白
- 固态硬盘系统迁移踩过的坑
- 面试题(十二)自我介绍
- 并发编程面试宝典(内含69道常问面试题及答案解析)
- 地图匹配实例-几何匹配
- 相机SD卡文件夹下所有文件损坏解决方法
- 蓝色默认蓝色色值_美丽的蓝色网站展示
- 【爬虫技能书】分享自用爬虫书籍,快进来看看!
- 毛豆创想旗下战略部署网站盘点_彭世瑜_新浪博客