html網頁中的超鏈接代碼用a標簽來設置


html網頁中的超鏈接代碼用a標簽來設置,把a放入符號<>中間,寫成這樣<a>,然后在a的后面用空格隔開添加屬性和對應的值,用</a>結束,最后在<a>與</a>中間放入需要鏈接的元素,比如文字、圖片。

a標簽的屬性和對應的值非常多:

a標簽的屬性和對應的值

常用的有屬性href(規定鏈接指向的頁面的 URL)和屬性target(規定在何處打開鏈接文檔),范如樂舉個例子說明一下:

<a href=”http://www.lmaocr.com/”>如樂建站之家</a>

解讀如下:

在<a>中添加屬性,用空格隔開,寫上屬性href,用=連接對應的值http://www.lmaocr.com/,放在符號“”中間,然后在<a>與</a>中間,寫上要顯示的文字,代碼效果如下:

如樂建站之家

當你點擊這幾個字的時候,會打開一個網頁,而你正在看的這個網頁就被覆蓋了,如果想讓這個鏈接從新窗口打開而不覆蓋當前的頁面,可以使用空格隔開,再添加一個屬性target和對應的值_blank,用=鏈接,寫成這樣target=”_blank“,代碼如下:

<a href=”http://www.lmaocr.com/” target=”_blank“>如樂建站之家</a>

這個時候,你點擊下面這個超鏈接,就會在新窗口打開,而不會覆蓋當前的網頁了:

如樂建站之家

如果你需要點擊圖片打開這個鏈接,只需要在<a>與</a>中間放入圖片標簽img即可,代碼舉例如下:

<a href=”http://www.lmaocr.com/” target=”_blank“><img src=”http://www.lmaocr.com/tupian/logo.jpg” width=”121height=”75alt=”如樂建站之家網站logo” /></a>

顯示效果如下:

如樂建站之家網站logo

在dw軟件中的對比效果:

文字和圖片超鏈接對比圖示

細心的網友可能發現了:范如樂,你怎么添加了<p></p>標簽呢?

因為范如樂為了做對比,給文字超鏈接起了一行,圖片超鏈接又起了一行,還記得之前課程講的p標簽是段落標簽吧?用兩個p標簽就可以寫成兩個段落,就有上圖這樣的效果了。

下一節課,講常用的表格標簽table,詳情點擊:《html網頁表格代碼怎么寫?用table標簽》。

轉載時需注明來源!首發:如樂建站之家;原文鏈接:
http://www.lmaocr.com/html/7744.html
如樂建站之家創始人——范如樂:

如樂建站之家創始人范如樂  聯系Q Q:349142701
  聯系微信:349142701
  聯系電話:13189611692

【如樂建站之家】由范如樂于2013年創建至今,立志于解決新手不會快速自己建網站的痛苦,讓你也能零基礎快速學會自己建網站!詳細教程點擊下圖:




熱門文章: