您的位置：首页 > Web前端 > CSS

HTML/CSS中a标签用法详解

2016-04-18 16:41 169 查看

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>

内容来自用户分享和网络整理，不保证内容的准确性，如有侵权内容，可联系管理员处理

标签：

相关文章推荐

新的分享

章节导航