HTML学习记录二:html标签(五):超链接标签
HTML学习记录二:html标签(五):超链接标签
- 一、超链接标签写法
- 二、超链接标签的属性
- 三、超链接的锚点用法
- 四、链接分类
一、超链接标签写法
在 HTML 标签中, 标签用于定义超链接,作用是从一个页面链接到另一个页面。
<a href = "跳转的路径url" title ="鼠标移到链接上的时候显示的文字" taget = "打开窗口的方式">超链接</a>
二、超链接标签的属性
属性 | 值 |
---|---|
href | 链接去往的路径,必写属性,没有就是空链,用#填写,最好不要为空 |
target | 新窗口打开的方式, “_self”:默认值,在自身页面打开(关闭自身页面,打开链接窗口) |
target | 新窗口打开的方式, “_blank”:打开新页面(自身页面不关闭,打开一个新的链接页面) |
在<head>标签里面写<base target="_blank">这样就可以使所有的超链接在新窗口打开。
三、超链接的锚点用法
在当前页面通过标签的ID属性,用超链接来查找,页面会跳转到当前页面的那个锚点
<p id = "maod"></p><!-- 定义一个锚点--><a href = "#maod"></a><!-- 回到指定锚点-><a href = "#"></a><!-- 回到顶部 -->
四、链接分类
- 外部链接: 例如 < a href="http:// www.baidu.com "> 百度。
- 内部链接:网站内部页面之间的相互链接. 直接链接内部页面名称即可,例如 < a href=“index.html”> 首页 。
- 空链接: 如果当时没有确定链接目标时,< a href="#"> 首页 。
- 下载链接: 如果 href 里面地址是一个文件或者压缩包,会下载这个文件。
- 网页元素链接: 在网页中的各种网页元素,如文本、图像、表格、音频、视频等都可以添加超链接.
- 锚点链接: 点我们点击链接,可以快速定位到页面中的某个位置.
4.9 超链接标签 (重点)
在链接文本的 href 属性中,设置属性值为 #名字 的形式,如 第2集
找到目标位置标签,里面添加一个 id 属性 = 刚才的名字 ,如:第2集
HTML学习记录二:html标签(五):超链接标签相关推荐
- Android动画学习记录二(属性动画、估值器和插值器)
Android动画学习记录二(属性动画.估值期和插值器) Android动画学习记录二(属性动画.估值期和插值器) Android动画学习记录二(属性动画.估值期和插值器) 一.补间动画缺陷 二.属性 ...
- MySQL学习记录 (二) ----- SQL数据查询语句(DQL)
相关文章: <MySQL学习记录 (一) ----- 有关数据库的基本概念和MySQL常用命令> <MySQL学习记录 (二) ----- SQL数据查询语句(DQL)> &l ...
- 西瓜书学习记录-神经网络(第五章)
西瓜书学习记录-神经网络(第五章) 第五章啦,大佬的视频没讲第五章,所以看书自学一下: 书籍来自周志华的<机器学习>.
- StackExchange.Redis学习笔记(二) Redis查询 五种数据类型的应用
StackExchange.Redis学习笔记(二) Redis查询 五种数据类型的应用 原文: StackExchange.Redis学习笔记(二) Redis查询 五种数据类型的应用 Connec ...
- 大数据之spark学习记录二: Spark的安装与上手
大数据之spark学习记录二: Spark的安装与上手 文章目录 大数据之spark学习记录二: Spark的安装与上手 Spark安装 本地模式 Standalone 模式 基本配置 步骤1: 复制 ...
- 02HTML 超链接与图像标记各是什么,【HTML篇】3.HTML的图片标签、超链接标签
1.图片标签 img src:图片路径 width:设置图片的宽度,如果是单独设置,则保存图片比例进行修改,单位可以是px和% height:设置图片的高度,如果是单独设置,则保存图片比例进行修改,单 ...
- html标签 ppt,HTML框架标签、超链接标签、控件标签.ppt
<HTML框架标签.超链接标签.控件标签.ppt>由会员分享,可在线阅读,更多相关<HTML框架标签.超链接标签.控件标签.ppt(12页珍藏版)>请在装配图网上搜索. 1.第 ...
- 图片标签与超链接标签
图片标签: 在网页上使用的图片常见格式为JPEG.GIF.PNG等格式 插入图片我们通常使用<img/>无对象标签,该标签不包含任何内容 <img/>标签的核心属性为src属性 ...
- Web基础 HTML标签 六种超链接标签的使用方式
超链接标签(重点) 1.链接的语法格式: <a href="跳转目标链接" target="目标窗口的弹出方式"> 文本或图像 </a> ...
最新文章
- 优先级调度和运行前调度的比较
- FFmpeg将Jpeg 编码到视频中
- 后台开发必读书籍--算法导论
- 一个关于malloc的面试题
- 使用postman请求响应Invalid CORS request
- 嵌入式在线html编辑器,嵌入式HTML编辑器的设计与实现.ppt
- VS Tips (new ones)
- 关于在数据库字段中添加换行符的问题
- 破解滑块验证码(打码平台)
- CentOS下安装JDK7
- OFD、PDF 系列软件说明(OFD阅读器--OFD模版设计器--OFD转PDF)
- 联想计算机打开盖子自动开机,联想笔记本开盖自动开机怎么关闭
- 前端基础总结--CSS
- 跟开涛学SpringMVC...
- 安卓动画壁纸实战:制作一个星空动态壁纸(带随机流星动画)
- java.sql.SQLException: 无效的列类型: 1111 (jdbcType相关)
- swift 隐藏状态栏_swift 同时修改状态栏和导航栏出现的问题及解决的方法
- [os]os vmware 手机连接
- 人脸验证:DeepID
- 万用表多功能校准仪TD1850多表校准系统