re:从0开始的HTML学习之路 9.超链接

发布时间:2024年01月22日

1. 超链接

  1. 使用 a 标签创建超链接
  2. 超链接的属性
    href:用于指定跳转到目标页面的地址
    target:用于指定以什么方式打开页面
    可选值:
    _self:当前窗口打开,默认值
    _blank:新窗口打开

2. 各种链接介绍

  1. 外部页面链接
	<a href="http://www.baidu.com">百度一下</a>
	<a href="https://www.baidu.com" target="_blank">百度两下</a>
  1. 内部页面链接
	<a href="./8.img tag.html">内部链接</a>
	<a href="/3.semantic tagging.html">语义化标签</a>
  1. 空链接
	<a href="#">无指定页面,跳转到当前页面,可以实现“回到顶部”功能</a>
	<a href="javascript:;">毫无反应链接</a>
  1. 下载链接:若链接的路径是一个文件,则为下载链接
	<a href="/images/image.png">下载链接</a>
  1. 给其他网页元素添加超链接 如:图片,表格等
	<a href="http://www.baidu.com"><img src="./images/image.png" alt="" title="点我进来看看"></a>
  1. 锚点链接:跳转到当前页面的指定位置
    1. 目标标签添加属性 id=“指定的名称”。 注意:id不能重复
    2. 超链接 href 属性值为 “#指定的名称”
    如有一个标签<h1 id="hehe">定位1</h1>
    有一个锚点链接<a href="#hehe">去呵呵</a>
    就可以实现页面内的跳转了

tips:复制来的一大段文字如果想要保留原格式的话,可以用<pre></pre>包裹

文章来源:https://blog.csdn.net/qq_40394751/article/details/135708056
本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。