HTML CSS学习——a元素

最新推荐文章于 2024-07-16 15:41:31 发布

33的史努比

最新推荐文章于 2024-07-16 15:41:31 发布

阅读量280

点赞数

分类专栏：前端入门学习文章标签： html css 前端

本文链接：https://blog.csdn.net/coising/article/details/122431204

版权

前端入门学习专栏收录该内容

88 篇文章 0 订阅

订阅专栏

a元素

文章目录

a元素

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>
<body>
    <a href="地址写全"></a>
</body>
</html>

href属性

hyper(超级) reference(引用):通常表示表示跳转地址

1.跳转地址
2.跳转某个锚点（例如百度百科里面的‘目录’），跳转当前页面的不同位置—锚链接
锚链接刷不刷新页面：看他是不是跳转在本页面


<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>
<body>
    ((h2>{章节1})+p>lorem)*6 ##如此输入
    <h2>章节1</h2>
    <p>
        Lorem ipsum dolor sit, amet consectetur adipisicing elit. Officiis quasi fugit odio quia quos harum nisi porro, voluptates maiores asperiores laboriosam reprehenderit fuga perspiciatis, magnam eaque ab sint assumenda natus?
    </p>
</body>
</html>

h2后加属性时用[]添加href等

输入(制作目录)：

(a[href="#chapter$"])*3>{chapter$}

[]:输入属性

3.功能链接
点击后，触发功能
3.1执行js代码写法：javascript:
3.2发送邮件（用户安装邮件发送软件exchange）写法：mailto:
3.3拨号（移动端/安装拨号软件）写法tel:

target属性

表示跳转窗口的位置

target取值：
_self:表示当前页面窗口中打开，默认
_blank:在新窗口打开

title属性

全局属性，鼠标指上去，显示的提示文字

33的史努比

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
HTML CSS学习——a元素

a元素文章目录a元素href属性target属性title属性<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width, initial-sc
复制链接

扫一扫