HTML/CSS中a标签用法详解

最新推荐文章于 2023-03-31 23:14:27 发布

xiaokangmiclong

最新推荐文章于 2023-03-31 23:14:27 发布

阅读量7.2k

点赞数

分类专栏： Html CSS

本文链接：https://blog.csdn.net/xiaokangmiclong/article/details/51180134

版权

CSS 同时被 2 个专栏收录

16 篇文章 1 订阅

订阅专栏

Html

6 篇文章 1 订阅

订阅专栏

Html中<a> 标签定义一个超链接，用于从一张页面链接到另一张页面，主要包括的属性有：
href:指定<a>标签的链接路劲，包括已经写好的链接文本路劲和链接到页面中的一个锚点（id或name来定义的，这时浏览器地址后面会加上其id或name的值）；
id:指定<a>标签的id；
name:指定<a>标签的名称；
target:规定在何处打开链接文档，可能的只有：
_blank：在新窗口中打开被链接文档。
_self：默认。在相同的框架中打开被链接文档。
_parent：在父框架集中打开被链接文档。
_top：在整个窗口中打开被链接文档。
framename：在指定的框架中打开被链接文档。

title:设置鼠标悬停在超链接上的时候,显示该超链接的文字注释；
mailto:创建E-mail链接，参数即为收件人地址；
cousor：指定鼠标移上去样式，可能的只有：
url
需被使用的自定义光标的URL
注释：请在此列表的末端始终定义一种普通的光标，以防没有由 URL 定义的可用光标。
default 默认光标（通常是一个箭头）
auto 默认。浏览器设置的光标。
crosshair 光标呈现为十字线。
pointer 光标呈现为指示链接的指针（一只手）
move 此光标指示某对象可被移动。
e-resize 此光标指示矩形框的边缘可被向右（东）移动。
ne-resize 此光标指示矩形框的边缘可被向上及向右移动（北/东）。
nw-resize 此光标指示矩形框的边缘可被向上及向左移动（北/西）。
n-resize 此光标指示矩形框的边缘可被向上（北）移动。
se-resize 此光标指示矩形框的边缘可被向下及向右移动（南/东）。
sw-resize 此光标指示矩形框的边缘可被向下及向左移动（南/西）。
s-resize 此光标指示矩形框的边缘可被向下移动（北/西）。
w-resize 此光标指示矩形框的边缘可被向左移动（西）。
text 此光标指示文本。
wait 此光标指示程序正忙（通常是一只表或沙漏）。
help 此光标指示可用的帮助（通常是一个问号或一个气球）。
如下例;
<html>
<style>
a{cursor:pointer;}
</style >
<body>
<p>
<a href="#C4">查看 Chapter 4。</a>
</p>
<h2>Chapter 1</h2>
<h2>Chapter 2</h2>
<h2>Chapter 3</h2>
<h2><a href="mailto:" id="C4" title="this is chapter 4" target="_blank">Chapter 4</a></h2>
<h2><a >Chapter 5</a></h2>
<h2>Chapter 6</h2>
<h2>Chapter 7</h2>
<h2>Chapter 8</h2>
<h2>Chapter 9</h2>
<h2>Chapter 10</h2>
<h2>Chapter 11</h2>
<h2>Chapter 12</h2>
<h2>Chapter 13</h2>
<h2>Chapter 14</h2>
<h2>Chapter 15</h2>
</body>
</html>