标签--链接标签

时间:2022-11-12 09:41:39

[2019.06.21 学习笔记1]

1.<a>定义超链接

2.必须属性href,链接位置,对应一个url地址,href="url地址",显示蓝色并带有下划线(可去掉),必须写(不写也可以,但是最好写)

   不想指向任何页面:href="#"                                    <!-- 指向当前页面最顶部,点击后不会发生跳转-->

  指向其他页面:       href="http://www.baidu.com/"   <!-- 指向百度-->

3.重要属性title,鼠标经过时候提示的文字

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>标题 </title>
</head>
<body>
  <p> 段落</p>
    <a  href="http://www.baidu.com/">百度链接</a>
</body>
</html>

4.重要属性target

 _blank :在新标签中打开

 _parent : 在父级标签打开,如果本身已经是*,那么就是在自身窗口打开

 _self : 默认在当前窗口打开

 _top :清除所有框架,载入到浏览器窗口

  framename :在指定的框架中打开被链接文档

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>锚标签 </title>
</head>
<body>
    <a href="http://www.baidu.com/">百度链接1</a>
    <a href="http://www.baidu.com/" target="_blank">百度链接2</a>
    <a href="http://www.baidu.com/" target="_self">百度链接3</a>
</body>
</html>

5.<a>标签去掉下划线:text-decoration:none

   <a>标签显示下划线:text-decoration:underline

6.多用于新闻列表、超链接

7.一般不会放在<p>标签里面

8.在所有浏览器中,链接的默认外观是:

  • 未被访问的链接带有下划线而且是蓝色的
  • 已被访问的链接带有下划线而且是紫色的
  • 活动链接带有下划线而且是红色的

9.<a>是行内元素