天天看點

HTML部分标簽的含義(3)

1,<a>标簽,連結到另一個頁面

文法:<a href="目标網址" target="_blank" rel="external nofollow" target="_blank" rel="external nofollow" title=“滑鼠滑過顯示的文本”>連結顯示的文本</a>

title屬性的作用:滑鼠滑過連結文字時會顯示這個屬性的文本内容。這個屬性在實際網頁開發中作用很大,主要友善搜尋引擎了解連結位址的内容(語義化更友好)

注意:隻要為文本加入a标簽後,文字的顔色就會自動變為藍色(被點選過的文本顔色為紫色)

2,在建立浏覽器視窗打開連結、

<a>标簽在預設情況下,連結的網頁是在目前浏覽器視窗中打開,有時我們需要在建立浏覽器視窗中打開連結網頁

文法:<a href="目标網址" target="_blank" rel="external nofollow" target="_blank" rel="external nofollow" target="_blank">click here!</a>

3,使用mailto在網頁中連結Email位址

HTML部分标簽的含義(3)
HTML部分标簽的含義(3)

4,<img>标簽,為網頁插入圖檔

文法:<img src="圖檔位址" alt=“下載下傳失敗時的替換文本” title=“提示文本”>

舉例:<img stc="myimage.gif" alt="My Image" title="MY IMAGE"

講解:

1、src:辨別圖像的位置;

2、alt:指定圖像的描述性文本,當圖像不可見時(下載下傳不成功時),可看到該屬性指定的文本;

3、title:提供在圖像可見時對圖像的描述(滑鼠滑過圖檔時顯示的文本);

4、圖像可以是GIF,PNG,JPEG格式的圖像檔案。

轉載于:https://www.cnblogs.com/W-sunshine/p/5575495.html