1. 程式人生 > >HTML/CSS中a標籤用法詳解

HTML/CSS中a標籤用法詳解

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>

相關推薦

HTML/CSSa標籤用法

Html中<a> 標籤定義一個超連結,用於從一張頁面連結到另一張頁面,主要包括的屬性有: href:指定<a>標籤的連結路勁,包括已經寫好的連結文字路勁和連結到頁面中的一個錨點(id或name來定義的,這時瀏覽器地址後面會加上其id或name的值);

a標籤href=""的用法

      眾所周知,a標籤的最重要功能是實現超連結和錨點。而且,大多數人認為a標籤最重要的作用是實現超連結,今天我剛好碰到a標籤的一種寫法<a href="JavaScript:;">

htmla標籤用法

眾所周知,在HTML中我們會經常用到<a></a>這個連結類標籤,接下來我們就來說說這個<a>標籤的用法: 注意:一般情況下a連結的寫法如下:<a  href = ""></a> 此標籤中,href屬性是必須要寫的,其屬性

HTML作用及用法

一、什麼是DTD       DTD(document type definition),文件型別定義。可定義合法的XML文件構建模組,它使用一系列合法的元素來定義文件的結構。通過DTD,每一個xml檔案均可攜帶一個有關其自身格式的描述。 內部的DOCTYPE宣告

htmllocation的用法

undefined protoc api ole 這樣的 .html div 字符串 方式 【轉自】https://blog.csdn.net/py941215/article/details/77825921 Location介紹 location指示了其所連接對

JavaScriptreturn的用法

style 返回 www log tle blog 意思 charset fun 1、定義:return 從字面上的看就是返回,官方定義return語句將終止當前函數並返回當前函數的值,可以看下下面的示例代碼: <!DOCTYPE html><html l

java的instanceof用法

定義 xtend print 繼承 interface 參數 保留 如果 ack   instanceof是Java的一個二元操作符(運算符),也是Java的保留關鍵字。它的作用是判斷其左邊對象是否為其右邊類的實例,返回的是boolean類型的數據。用它來判斷某個對象是否是

C#HttpWebRequest的用法

網站 default 編碼方式 對數 c# toarray collect acc like 本文實例講述了C#中HttpWebRequest的用法。分享給大家供大家參考。具體如下: HttpWebRequest類主要利用HTTP 協議和服務器交互,通常是通過 GET 和

C++的map用法

時間 占用 sort函數 數組 例程 通道 組織 sso 查找 Map是 STL的一個關聯容器,它提供一對一(其中第一個可以稱為關鍵字,每個關鍵字只能在map中出現一次,第二個可能稱為該關鍵字的值)的數據 處理能力,由 於這個特性,它完成有可能在我們處理一對一數據的

【轉載】 c++static的用法

ostream 並不會 style 轉載 程序員 都是 note 每次 reference 出處: http://blog.csdn.net/majianfei1023/article/details/45290467 C 語言的 static 關鍵字有三種(具體來說是

mysql where in 用法

MySQL這裏分兩種情況來介紹 1、in 後面是記錄集,如: select * from table where uname in(select uname from user); 2、in 後面是字符串,如: select * from table where uname

linux 特殊符號用法

引號 zabbix 目錄 sele cond 特殊符號 zab set speed 星號(*) 當用於shell變量時, [root@zabbix_nuc ~]# sql=‘select * from mysql.user‘ [root@zabbix_nuc ~]# ech

C#string.format用法

個數 date 其中 位置 tr1 bsp 位數 數值 日期格式化 tring.Format 方法的幾種定義: String.Format (String, Object) 將指定的 String 中的格式項替換為指定的 Object 實例的值的文本等效項。String.F

linuxmariadb基本用法(企業級)

資料庫 表的每一個列名字的頭   叫做欄位 是高階的exel表格軟體 資料庫種類 sqlserver  sqllite  db2   oracle  > mysql   比較多   其中my

php 的closure用法

php 中的closure用法詳解 Closure,匿名函式,是php5.3的時候引入的,又稱為Anonymous functions。字面意思也就是沒有定義名字的函式。比如以

CSS a標籤的4個偽類

有時候在瀏覽一些網站時會發現,當你把滑鼠放在連結上時,它的顏色就會變,這就是用了css控制了它的四種狀態, 大家都知道a標籤可以用來實現超連結, 第一種狀態: link (預設)正常狀態(初

linux sed的用法

sed 是操作,過濾和轉換文字內容的強大工具,sed可以從檔案和管道中讀取輸入。 sed 命令語法 sed [ option ] {sed -commands} {input -file} -e :執行多個sed命令 -n :只顯示操作行 -i

c++static的用法

C 語言的 static 關鍵字有三種(具體來說是兩種)用途: 1. 靜態區域性變數:用於函式體內部修飾變數,這種變數的生存期長於該函式。 int foo(){ static int i = 1; // note:1 //int i = 1; // not

pythonMethodType的用法

  MethodType可以把外部函式(方法)繫結到類或類的例項中 而python2跟python3中MethodType的用法不盡相同,下面是它們的區別: python2: 公共部分: class Student(object): pass def set_

CSS交集選擇器

  CSS中交集選擇器有兩種,分別是例如 p.special{} 以及p#special類似的兩種 交集選擇器中不能有空格,下面是測試程式碼 <html xmlns="http://www.w3.org/1999/xhtml"> <head> <