能实现不同页面的跳转
<a href="路径" title="鼠标悬停之后的提示信息" target="规定在何处打开文档">内容(内容可以是图片)</a>
target属性:规定在何处打开文档
A:target="_self"默认值(原页面打开)
B:target="_blank"新窗口打开
<!-- 网址 -->
<a href="https://www.baidu.com/">百度</a>
<!-- 本地文件 -->
<a href="./摩洛哥/moluoge.html" target="_self">本地文件1</a>
<!-- 空链接 -->
<a href="#">空链接</a>
<!-- 伪链接 -->
<a href="javascript:" title="我是伪链接">伪链接</a>
<!-- title -->
<a href="https://www.baidu.com/" title="百度">百度title</a>
<!-- a:超链接标签
href:跳转的路径;
网址,本地文件,空链接(#占位,跳转到当前页的顶部),伪链接(href="javascript:"假链接,不跳转的)
title:提示信息的作用
target:被链接文档在哪里显示
1.target='_self' 在当前窗口跳转,默认值
2.target='_blank'在新窗口跳转
语法:
<a href="">内容</a>
特性:
1.宽度默认由内容撑开
2.高度默认由内容撑开
3.默认横向显示,水平布局,一行排不下,自动折行
4.换行和空格会被解析
5.自带文字颜色
6.自带下划线
7.鼠标指针的形状为手型
8.去掉a标签下划线text-decoration: none;
利用锚点来跳转指定锚点处
定义锚点
<div id='锚点名称'></div>
引用锚点
<a href="#锚点名称">内容</a>
-->
<!-- 点击这个也会跳转到顶部,但是跳转到顶部的原因:由于href属性没有写东西,点击的时候会刷新页面 -->
<a href="">点击跳转到顶部没有#</a>