歡迎來到DIVCSS5查找CSS資料與學習DIV CSS布局技術!
您的位置:阿森纳热刺 > HTML >
html a目錄
  1. html a語法
  2. 錨文本作用
  3. html a應用實例
  4. 錨文本實例截圖
  5. html a錨文本適用范圍
  6. html a應用擴展

阿森纳热刺 www.tzxsac.com.cn 以下是DIVCSS5整理關于html a、html超鏈接基礎教程,希望對超鏈接阿森纳热刺學習之前可以理解htmla標簽的知識及掌握用法。

一、html a語法   -   TOP

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

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

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

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

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

A標簽內常用屬性:

1)、href:打開目標地址(網址),一般填寫將要轉到目標地址。如href="//www.tzxsac.com.cn/"這樣瀏覽者在網頁中鼠標點擊對應此錨文本將打開到網頁//www.tzxsac.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="//www.tzxsac.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="//www.tzxsac.com.cn/" target="_blank" title="轉到DIVCSS5主頁"><img src="//www.tzxsac.com.cn/css-images/css-logo.gif" /></a>

可以對文字內容進行錨文本超鏈接
<a href="//www.tzxsac.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 a,css 超鏈接,css 超鏈接樣式、CSS控制a樣式

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

如對文章有任何疑問請提交到DIV CSS論壇,或有任何網頁制作CSS問題立即到CSS論壇發貼求解 或 直接DIVCSS5網頁頂部搜索遇到DIVCSS疑問。
阿森纳热刺文章修訂日期:2018-08-14 17:37 原創:阿森纳热刺
本文阿森纳热刺 www.tzxsac.com.cn DIVCSS5版權所有。

德州麻将图片 录快递单号赚钱现实吗 新区梦幻五开怎么赚钱之道 ps4人中北斗赚钱 老婆赚钱花 正彩彩票网址 怎样在装修上赚钱 海南麻将技巧心得 赚钱一对一速配视频聊app 烂片如何赚钱 大圣闹海捕鱼平台 骑摩拜能赚钱吗 棋牌游戏app下载 在快手上销售槟榔能赚钱吗 吉林市什么行业赚钱 玩吃鸡游戏对青少年有害吗