一:使用<a>標(biāo)簽,鏈接到另一個(gè)頁面
1.用<a>標(biāo)簽可實(shí)現(xiàn)超鏈接,它在網(wǎng)頁制作中可以說是無處不在伤疙,只要有鏈接的地方,就會(huì)有這個(gè)標(biāo)簽
2.語法:<a href="目標(biāo)網(wǎng)址" title="鼠標(biāo)滑過顯示的文本">鏈接顯示的文本</a>
3.title屬性的作用堰酿,鼠標(biāo)滑過鏈接文字時(shí)會(huì)顯示這個(gè)屬性的文本內(nèi)容。這個(gè)屬性在實(shí)際網(wǎng)頁開發(fā)中作用很大张足,主要方便搜索引擎了解鏈接地址的內(nèi)容(語義化更友好)
4.只要為文本加入a標(biāo)簽后胞锰,文字的顏色就會(huì)自動(dòng)變?yōu)樗{(lán)色(被點(diǎn)擊過的文本顏色為紫色),顏色很難看吧兢榨,不過沒有關(guān)系后面我們學(xué)習(xí)了css樣子就可以設(shè)置過來(a{color:#000}),后面會(huì)詳細(xì)講解?
二:在新建瀏覽器窗口中打開鏈接
1.<a>標(biāo)簽在默認(rèn)情況下嗅榕,鏈接的網(wǎng)頁是在當(dāng)前瀏覽器窗口中打開,有時(shí)我們需要在新的瀏覽器窗口中打開
2.語法:<a href="目標(biāo)網(wǎng)址"?target="_blank">click here!</a>
三:使用mailto在網(wǎng)頁中鏈接Email地址
1.<a>標(biāo)簽還有一個(gè)作用是可以鏈接Email地址吵聪,使用mailto能讓訪問者便捷向網(wǎng)站管理者發(fā)送電子郵件
2.如果mailto后面同時(shí)有多個(gè)參數(shù)的話凌那,第一個(gè)參數(shù)必須以“?”開頭,后面的參數(shù)每一個(gè)都以“&”分隔
四:認(rèn)識(shí)<img>標(biāo)簽吟逝,為網(wǎng)頁插入圖片
1.在網(wǎng)頁的制作中為使網(wǎng)頁炫麗美觀帽蝶,肯定是缺少不了圖片,可以使用<img>標(biāo)簽來插入圖片
2.語法:<img src="圖片地址" alt="下載失敗時(shí)的替換文本" title = "提示文本">
src:標(biāo)識(shí)圖像的位置块攒;
alt:指定圖像的描述性文本励稳,當(dāng)圖像不可見時(shí)(下載不成功時(shí)),可看到該屬性指定的文本囱井;
title:提供在圖像可見時(shí)對(duì)圖像的描述(鼠標(biāo)滑過圖片時(shí)顯示的文本)驹尼;
圖像可以是GIF,PNG庞呕,JPEG格式的圖像文件新翎。