福彩幸运武林开奖 ?
歡迎來到DIVCSS5查找CSS資料與學習DIV CSS布局技術!
您的位置:DIVCSS5首頁 > HTML >

HTML基礎必學列表

html <a>錨文本A超鏈接標簽

html a目錄
  1. html a語法
  2. 錨文本作用
  3. html a應用實例
  4. 錨文本實例截圖
  5. html a錨文本適用范圍
  6. html a應用擴展

以下是DIVCSS5整理關于html ahtml超鏈接基礎教程,希望對超鏈接CSS樣式學習之前可以理解htmla標簽的知識及掌握用法。

一、html a語法   -   TOP

<a href="網址、鏈接地址" target="目標" title="說明">被鏈接內容</a>

html a錨文本超鏈接結構圖
html a錨文本超鏈接結構圖

同時錨文本_錨鏈接又被大家稱為超鏈接
Href值:
網址,網址一定加上http://+域名
相對路徑,如htef="/abc/",代表本站內錨文本

target目標值如下:
_blank -- 在新窗口中打開鏈接 _parent -- 在父窗體中打開鏈接 _self -- 在當前窗體打開鏈接,此為默認值 _top -- 在當前窗體打開鏈接,并替換當前的整個窗體(框架頁)

如果target不帶值,代表在本頁父窗體中打開鏈接

A標簽內常用屬性:

1)、href:打開目標地址(網址),一般填寫將要轉到目標地址。如href="http://www.mcowk.com.cn/"這樣瀏覽者在網頁中鼠標點擊對應此錨文本將打開到網頁http://www.mcowk.com.cn/

2)、target:打開目標方式
如果a標簽內沒有此元素,默認是在瀏覽網頁中重新載入對應鏈接網頁
_blank :新建標簽窗口頁,設置此屬性,點擊錨文本后對應新建標簽網頁窗口卡打開對應地址
_parent:父級打開網頁,此屬性可以理解為本頁網頁從新載入錨文本的網頁,針對html框架iframe網頁中,整個網頁將重新載入打開目標網址地址

常用就此兩種打開目標方式,一個是新建窗口、一個不設置target將本頁重新載入錨文本地址指向URL、一個是整個網頁父級重新載入(類似于沒有設置target)相同效果。

二、html a作用   -   TOP

使用a錨鏈接可以從A頁面轉到B頁面,也就是常常見到和使用的,如新聞網站,我們看到標題覺得感興趣,鼠標點擊然后進入另外頁面了解詳情。這個就是html a超鏈接運用。

三、html a應用實例   -   TOP

<a href="http://www.mcowk.com.cn/" target="_blank" title="轉到DIVCSS5主頁">DIVCSS5</a>

四、html a實例截圖   -   TOP

html a錨文本,html超鏈接實例截圖
html a錨文本_HTML超鏈接截圖

五、html a適用范圍   -   TOP

使用html a可以對圖片進行錨文本超鏈接
exp:
<a href="http://www.mcowk.com.cn/" target="_blank" title="轉到DIVCSS5主頁"><img src="http://www.mcowk.com.cn/css-images/css-logo.gif" /></a>

可以對文字內容進行錨文本超鏈接
<a href="http://www.mcowk.com.cn/">DIVCSS5</a>

html錨文本案例截圖
html超鏈接截圖

六、html a應用擴展   -   TOP

同頁面錨文本-同頁面內上下轉到指定位置
常常看見我們頁面底部點擊 “回到頂部”鏈接就會轉到網頁頂部實現。

Exp:
1、首先我們在網頁body內最上面添加一個<span id="top" name="top"></span>
2、我們再到body內,需要出現點擊后轉到頂部位置添加,<a href="#top">回到頂部</a>

這樣就可實現點擊“回到頂部”即可本頁內快速瀏覽到網頁頂部位置。

使用語法:
1、需要轉到地方添加,<a href="#命名">文字</a>,注意href值是#開頭+英文字母命名
2、需要在被轉到位置添加,<span id="命名" name="命名"></span>,注意id和name值相同并且與a命名相同

你可能還希望了解:
css acss 超鏈接,css 超鏈接樣式CSS控制a樣式

如需轉載,請注明文章出處和來源網址:http://www.mcowk.com.cn/html/h318.shtml

我要分享到:

必備CSS教程 Essential CSS Tutorials

必備HTML基礎教程 Essential HTML Tutorials

 

如對文章有任何疑問請提交到DIV CSS論壇,或有任何網頁制作CSS問題立即到CSS論壇發貼求解 或 直接DIVCSS5網頁頂部搜索遇到DIVCSS疑問。
CSS教程文章修訂日期:2011-09-30 17:28 原創:DIVCSS5
本文www.mcowk.com.cn DIVCSS5版權所有。

福彩幸运武林开奖