HTML-5 a元素

薄荷叶汁

于 2019-10-30 10:32:11 发布

阅读量85

点赞数 1

分类专栏： HTML

本文链接：https://blog.csdn.net/duzishivip/article/details/102814163

版权

HTML 专栏收录该内容

9 篇文章 0 订阅

订阅专栏

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>Document</title>
</head>
<body>
    <!-- 超链接 -->
    <a href="https://www.csdn.net/">这是超链接</a>
    <!-- 锚链接 -->
    <a href="#first">第一段</a>
    <a href="#second">第二段</a>
    <p id="first">Lorem ipsum, dolor sit amet consectetur adipisicing elit. Perferendis earum nemo iste officia, quas in mollitia laudantium, cupiditate aliquam dolorum et tempore eum aperiam consectetur quasi necessitatibus fugit id sed.</p>
    <p id="second">Lorem ipsum dolor, sit amet consectetur adipisicing elit. Quo quidem totam officia natus perferendis ratione ab facilis quia! Rerum nam sint ullam obcaecati tempora consequatur natus commodi sit odit qui.</p>
    <!-- 功能链接 -->
    <a href="javascript:alert('aaa')">aaa</a>
    <!-- target属性 -->
    <a href="https://www.csdn.net/" target="_blank" title="csdn">在一个新窗口打开链接</a>
    <a href="https://www.csdn.net/" target="_self" title="csdn">在本窗口打开链接</a>
    <a href="#">返回顶部</a>
</body>
</html>

Document 这是超链接第一段第二段

Lorem ipsum, dolor sit amet consectetur adipisicing elit. Perferendis earum nemo iste officia, quas in mollitia laudantium, cupiditate aliquam dolorum et tempore eum aperiam consectetur quasi necessitatibus fugit id sed.

Lorem ipsum dolor, sit amet consectetur adipisicing elit. Quo quidem totam officia natus perferendis ratione ab facilis quia! Rerum nam sint ullam obcaecati tempora consequatur natus commodi sit odit qui.

aaa 在一个新窗口打开链接在本窗口打开链接返回顶部

薄荷叶汁

关注

1
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
HTML-5 a元素

<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta http-equiv="X-U...
复制链接

扫一扫