这篇“html中关于<a>标签的使用方法”文章,文中示例代码介绍的非常详细,具有一定的参考价值,感兴趣的小伙伴们一定要参考一下,对于“html中关于<a>标签的使用方法”,小编整理了以下知识点,请大家跟着小编的步伐一步一步的慢慢理解,接下来就让我们进入主题吧。
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>标签的使用方法”这篇文章的所有内容,感谢各位的阅读!相信大家都有了一定的了解,希望分享的内容对大家有所帮助,如果还想学习更多知识,欢迎关注亿速云行业资讯频道!
免责声明:本站发布的内容(图片、视频和文字)以原创、转载和分享为主,文章观点不代表本网站立场,如果涉及侵权请联系站长邮箱:is@yisu.com进行举报,并提供相关证据,一经查实,将立刻删除涉嫌侵权内容。