前幾天溫習HTML看到<a>標籤時發現它除了本白只會的直接使用之外還有其他有意思的操作。(手動滑稽)當然這篇東西主要是爲了記錄溫習成果，或是寫給跟我一樣的小白看的，沒有什麼太深度的內容。
說好了是溫習，那麼把最基礎的東西也記一下吧，一方面加深印象，另一方面是爲了方便回顧時能快速回憶起來。
<a>標籤的基本打開方式
基本語法：
<a href="URL" target="" >鏈接描述</a>這是一句最基本的<a>標籤語句，它表示創建一個指向某個URL的鏈接，其文本內容爲“鏈接描述”，其中，href爲必須屬性，target 爲可選屬性（它表示了新窗口的打開方式）。舉個實際的例子：
<a href="http://baike.baidu.com" >百度百科</a>另外，<a>標籤也可以與<img>標籤混用，以創建一個圖片鏈接，如下所示：
<a href="http://zhidao.baidu.com" target="_blank"><img src="img/sacreCoeur.jpg" alt="聖心大教堂" width="360"/></a>注意： target 的取值有五種，分別是 _blank、_self、_parent、_top，以及 framename。其中 _self 表示鏈接對象將在本頁面中打開，其爲 target 屬性的默認值。_blank 表示對象將在新的窗口中打開。而 _parent 和 _top 很少用到，framename 在後面會講解。
<a>標籤的特殊打開方式
1.將鏈接當作書籤使用以鏈接到同頁面內的不同位置
<p>三段式議論文</p>
<a href="#paragraph3">跳轉到第三段</a>
<a href="#paragraph4">跳轉到第四段</a>
<p>第一段：講述一些主要內容，一般是文本中心思想。</p>
<p>第二段：通常展開敘述或者對中心論點展開分論點的橫向或縱向論證。</p>
<p><a id="paragraph3"/>第三段：通常是繼續進行分論點的論證，加強說服力。</p>
<p><a name="paragraph4"/>第四段：進行最後一個分論點的論述。</p>
<p>第五段：進行收尾，總結論點。</p>
2.在同一張圖的不同位置分別創建鏈接
<object data="img/pineappleRice.jpg" alt="菠蘿炒飯" width="360" usemap="#pineappleRice">
<map name="pineappleRice">
<a href="http://baike.baidu.com" shape="rect" coords="10,10,50,100">百度百科</a>
<a href="http://zhidao.baidu.com" shape="circle" coords="180,300,50">百度知道</a>
</map>
</object>
/* 注意：目前只有火狐瀏覽器和 Opera 瀏覽器支持該功能。 */
/* 出於兼容性考慮，建議不要使用該功能。 */coords 屬性表示區域的座標：
當形狀爲矩形時，coords 有四個參數，分別代表 起始點橫座標、縱座標、矩形長度、矩形高度；
當形狀爲圓形時，coords 有三個參數，分別代表 圓心橫座標、圓心縱座標、圓周半徑；
當形狀爲多邊形時，coords有偶數個參數，奇數位參數爲各點的橫座標，偶數位參數爲各點的縱座標；
最後再重申一遍：注意：目前只有火狐瀏覽器和 Opera 瀏覽器支持該功能，所以出於兼容性考慮，建議不要使用該功能。
3.利用<a>標籤發送電子郵件
<a href="mailto:[email protected],[email protected]?subject=先生您好&body=尊敬的先生，您好：">發送郵件</a>4.利用<a>標籤發送短信（例如短信驗證碼等）
<a href="sms:10086,10010?body=cxll">發送短信</a>5.利用 framname 將新窗口展示在其他框架內
1.首先，創建一個新的頁面，輸入以下代碼：
<frameset cols="100,*">
<frame src="toc.html">
<frame src="pref.html" name="view_frame">
</frameset>2.其次，創建一個名稱爲 toc.html 的頁面，輸入以下代碼：
<h3>XXX小說</h3>
<ul>
<li><a href="pref.html" target="view_frame">前言</a></li>
<li><a href="chapter1.html" target="view_frame">第一章</a></li>
<li><a href="chapter2.html" target="view_frame">第二章</a></li>
<li><a href="chapter3.html" target="view_frame">第三章</a></li>
</ul>如何去掉<a>標籤的下劃線
用過<a>標籤的人都知道，它的默認樣式裏是有下劃線的，這在某些設置了頁面佈局風格（CSS）的網頁裏會非常影響整體美觀，那麼，如何去掉<a>標籤的下劃線呢？
① 在<a>標籤內註明style="text-decoration:none;"，如下所示：
<a href="http://dict.youdao.com" style="text-decoration:none;" >跳轉到有道詞典</a>注意：以上代碼消去下劃線的 style 只對本條超鏈接生效。
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>無標題文檔</title>
<style type="text/css">
a{text-decoration:none;}
</style>
</head>
<body>
<a href="http://dict.youdao.com" >跳轉到有道詞典</a>
</body>注意：以上代碼消去下劃線的 style 只對本頁面的超鏈接生效。
————————————————————————————————————————————————————————————
注意：想要消去單一僞類的下劃線，代碼可以這樣寫：
注意：想要消去單一僞類的下劃線，代碼可以這樣寫：
a:link {color:#FF0000;text-decoration:none;} /* 未訪問的鏈接的樣式 */
a:visited {color:#00FF00;text-decoration:none;} /* 已訪問的鏈接的樣式 */
a:hover {color:#FF00FF;text-decoration:none;} /* 鼠標移動到鏈接上的樣式 */
a:active {color:#0000FF;text-decoration:none;} /* 選定的鏈接的樣式 */