HTML——链接标记

最新推荐文章于 2024-03-31 11:54:41 发布

panpan_1994

最新推荐文章于 2024-03-31 11:54:41 发布

阅读量829

点赞数

分类专栏： WEB开发文章标签： html 标签链接

本文链接：https://blog.csdn.net/panpan_1994/article/details/52016607

版权

WEB开发专栏收录该内容

44 篇文章 0 订阅

订阅专栏

1、链接标记的锚功能
这里主要就是<a></a> 标签，用于定位，常和href并用。
举例：点击链接分别链接到头部和中间位置；

<a name ="_abc"></a>
    <a href="#_abc">回到顶部</a>&nbsp;<a href="#_cde">回到中间</a>
＃代表当前页

<html>
<head>
    <title>图形标记</title>

    <meta http-equiv="Content-Type" content ="text/html; charset=utf-8">
</head>
<body>
    <!--A标签的锚点功能 -->
    <a name ="_abc"></a>
    <img src = "html.jpeg" border="1" width="300" height="300" alt = "哈哈" title="嘿嘿"/><br/>
    <img src = "html.jpeg" border="1" width="300" height="300" alt = "哈哈" title="嘿嘿"/><br/>
    <img src = "html.jpeg" border="1" width="300" height="300" alt = "哈哈" title="嘿嘿"/><br/>
    <img src = "html.jpeg" border="1" width="300" height="300" alt = "哈哈" title="嘿嘿"/><br/>
    <a name="_cde"></a>
    <img src = "html.jpeg" border="1" width="300" height="300" alt = "哈哈" title="嘿嘿"/><br/>
    <img src = "html.jpeg" border="1" width="300" height="300" alt = "哈哈" title="嘿嘿"/><br/>
    <img src = "html.jpeg" border="1" width="300" height="300" alt = "哈哈" title="嘿嘿"/><br/>
    <a href="#_abc">回到顶部</a>&nbsp;<a href="#_cde">回到中间</a>

</body>
</html>

2、链接标记的另类表现

target="_blank
当点击链接以后会再开一个页面。

<html>
<head>
    <title>图形标记</title>
    <meta http-equiv="Content-Type" content ="text/html; charset=utf-8">
</head>
<body>
    <a href = "02-排版标记.html" target="_blank">点我</a><br/>
    <a href="http://www.baidu.com" target="_blank">百度</a><br/>
    <a href="mailto:jungle1992@163.com" target="_blank">邮箱</a><br/>
    <a href="thunder://E#433" target="_blank">迅雷下载</a><br/>

</body>
</html>