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

最笨重的动物 www.yyhul.icu 以下是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.yyhul.icu/"這樣瀏覽者在網頁中鼠標點擊對應此錨文本將打開到網頁//www.yyhul.icu/

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

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

二、html a作用   -   TOP

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

三、html a應用實例   -   TOP

<a href="//www.yyhul.icu/" target="_blank" title="轉到DIVCSS5主頁">DIVCSS5</a>

四、html a實例截圖   -   TOP

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

五、html a適用范圍   -   TOP

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

可以對文字內容進行錨文本超鏈接
<a href="//www.yyhul.icu/">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.yyhul.icu/html/h318.shtml

如對文章有任何疑問請提交到DIV CSS論壇,或有任何網頁制作CSS問題立即到CSS論壇發貼求解 或 直接DIVCSS5網頁頂部搜索遇到DIVCSS疑問。
最笨重的动物文章修訂日期:2018-08-14 17:37 原創:最笨重的动物
本文最笨重的动物 www.yyhul.icu DIVCSS5版權所有。

pc加拿大28预测 天天快3计划软件手机版 江苏时时开奖结果 bet007篮球 二八杠赚钱游戏下载 球探体育比分电脑版 足球单场结果 赛车pk10永久稳赢技巧 北京pk10赛车公式图稳赚5码 360彩票对比器 黑马计划软件科技有限公司 高频彩计划软件 二八杠单机游戏下载 pt电子怎么判断出分游戏 老时时彩历史开奖号码 新疆时时开结果