当前位置: 首页 » html里a标签教程,网页a标签怎么使用

html里a标签教程,网页a标签怎么使用

作者: 江湖哥 分类: html css教程 发布时间: 2020-09-14 08:27 30 百度已收录

温馨提示:本文共1424个字,预计阅读时间需要4分钟

大家好,我就江湖哥,今天讲html入门自学教程第三课:a标签的使用

知识要点:

  1. a标签的概念
  2. a标签属性

html里a标签教程,网页a标签怎么使用 html css教程 第1张

一:什么是a标签?

a标签的作用:就是用于控制页面与页面之间的跳转的

a标签的格式:<a href=”指定要跳转的目标界面的链接”>需要展示给用户看见的内容</a>

<a href=”https://www.weitongsheng.com”>江湖哥博客</a>

二:a标签的属性

a标签中有一个target属性,这个属性的作用就是专门用于控制如何跳转

描述
_blank 于在新的选项卡中跳转,也就是新建页面跳转
_self 默认。在当前选项卡中打开被链接文档,也就是不新建页面跳转
_parent 在父框架集中打开被链接文档。
_top 在整个窗口中打开被链接文档。
framename 在指定的框架中打开被链接文档。
<a href="https://www.weitongsheng.com">江湖哥博客</a> <a href="https://www.weitongsheng.com" target=”_blank”>江湖哥博客</a>

a标签中还有一个属性,叫做title,a标签中的title和img标签中title一样,都是用来控制鼠标悬停时显示的提示文本内容的 <a href=”https://www.weitongsheng.com” target=”_blank” title=”点击会跳转到江湖哥博客首页”>江湖哥博客</a>

设置 target 属性时, top 与 parent 的打开方式十分类似,需仔细区分。

比如网 A 中镶嵌了 iframe 网页 B,网页 B 又镶嵌了 iframe 网页C。

  • 如果网页 C 中连接设置 target=_parent,则跳转将网页 B 去掉直接在 A 中嵌入网页 C 中链接页面。
  • 如果网页 C 中 target=_top ,则直接跳出所有 iframe 框架,直接转向 C 中链接页面

 

注意点:

1.a标签不仅可以让文字可以点击,还可以让图片也能够被点击。

2.一个a标签必须有一个href属性,否则a标签不知道要跳转到什么地方

3.如果通过a标签的href属性指定一个URL地址,那么必须在地址前面加上http://或https://。

4.a标签的href属性除了可以绑定一个网络地址以外,还可以指定一个本地的地址

完整代码:

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>a标签的使用</title>
</head>
<body>
<a href="https://www.weitongsheng.com" title="这里是可见内容">这里是可见内容</a><br><br><br>
<a href="https://www.weitongsheng.com" target="_blank" title="江湖哥博客">江湖哥博客</a><br><br>
<a href="https://www.weitongsheng.com" target="_self">江湖哥博客</a><br><br>
<a href="https://www.weitongsheng.com" target="_blank">
<img src="https://www.weitongsheng.com/wp-content/uploads/2020/09/a139ccbd331e4e0fa9888d3d6fbefff2.jpg" ></a>
</body>
</html>

听江湖哥讲营销

关于版权
除特别说明外,本博客内容皆为原创,可以自由转载传播,但请署名及注明出处链接:https://www.weitongsheng.com:443/archives/4767.html

如果觉得我的文章对您有用,请随意打赏或点赞.您的支持将鼓励我继续创作!

发表评论

电子邮件地址不会被公开。 必填项已用*标注