温馨提示×

温馨提示×

您好,登录后才能下订单哦!

密码登录×
登录注册×
其他方式登录
点击 登录注册 即表示同意《亿速云用户服务条款》

html中关于<a>标签的使用方法

发布时间:2021-02-26 10:01:02 来源:亿速云 阅读:273 作者:清风 栏目:web开发

这篇“html中关于<a>标签的使用方法”文章,文中示例代码介绍的非常详细,具有一定的参考价值,感兴趣的小伙伴们一定要参考一下,对于“html中关于<a>标签的使用方法”,小编整理了以下知识点,请大家跟着小编的步伐一步一步的慢慢理解,接下来就让我们进入主题吧。

html是什么

html的全称为超文本标记语言,它是一种标记语言,包含了一系列标签.通过这些标签可以将网络上的文档格式统一,使分散的Internet资源连接为一个逻辑整体,html文本是由html命令组成的描述性文本,html命令可以说明文字,图形、动画、声音、表格、链接等,主要和css+js配合使用并构建优雅的前端网页。

在html中的<a>标记中设定href的值为要跳转的页面,并设定target的值为_blank,表示要弹出的页面显示在新的窗口中,如果想设定新的窗口为固定大小,该如何做,并且新窗口中没有工具栏和菜单栏

该标签主要作用

-通过href属性来创建指向另一个文档的链接
-通过name属性创建文档内的书签
href或name是必选属性

target属性

A标签的一个重要属性—target,target定义被链接的文档在何处显示

target可能的值有:
_blank     打开一个新窗口
_parent   显示在上一层窗口中
_top      显示在最上层窗口

name       显示在名字叫name的窗口中
_self     显示在当前窗口,缺省的属性
_parent,_top,name,必须结合frame的使用。

如果这个指定名称或 id 的框架或者窗口不存在,浏览器将打开一个新的窗口,给这个窗口一个指定的标记,然后将新的文档载入那个窗口。从此以后,超链接文档就可以指向这个新的窗口。

<html>
<body>

<h4>Table of Contents</h4>
<ul>
  <li><a href="/example/html/pref.html" target="bodyFrame">Preface</a></li>
  <li><a href="/example/html/chap1.html" target="view_window">Chapter 1</a></li>
  <li><a href="/example/html/chap2.html" target="view_window">Chapter 2</a></li>
  <li><a href="/example/html/chap3.html" target="view_window">Chapter 3</a></li>
</ul>
<iframe id="bodyFrame" name="bodyFrame" frameborder="0"></iframe>
</body>
</html>

href属性

href 规定了链接地址:

-文字链接

<a href="http://www.baidu.com">百度一下</a>

-图片链接:

<a href="http://www.baidu.com"><img src="https://cache.yisu.com/upload/information/20210204/90/2725.jpg"></a>

href三种可能的值:

-绝对 URL - 指向另一个站点

href="http://www.example.com/index.htm"

-相对 URL - 指向站点内的某个文件

href="index.htm"

-锚 URL - 指向页面中的锚

href="#top"

name规定了锚的名称

相对链接

<a href="#h2">跳到第一章</a>
...
<h2>
<a name="h2">第一章</a>
<!--这里的name可以换成id-->
</h2>
<p>本章的内容有....</p>

绝对链接

<a href=" 
<!--这段代码会让用户直接进入这个网站的这个anchor下-->

以上是“html中关于<a>标签的使用方法”这篇文章的所有内容,感谢各位的阅读!相信大家都有了一定的了解,希望分享的内容对大家有所帮助,如果还想学习更多知识,欢迎关注亿速云行业资讯频道!

向AI问一下细节

免责声明:本站发布的内容(图片、视频和文字)以原创、转载和分享为主,文章观点不代表本网站立场,如果涉及侵权请联系站长邮箱:is@yisu.com进行举报,并提供相关证据,一经查实,将立刻删除涉嫌侵权内容。

AI