學(xué)習(xí)筆記(五):HTML中的其他標(biāo)簽
一、圖片
能用的圖片類型
頁面上可以插入圖片墙杯,能夠插入的圖片類型是:jpg(jpeg)配并、gif、png高镐、bmp溉旋。類型和類型之間有什么區(qū)別,css課上講嫉髓。
不能往網(wǎng)頁中插入的圖片格式是:psd观腊、ai
語法
HTML頁面不是直接插入圖片邑闲,而是插入圖片的引用地址,所以也要把圖片上傳到服務(wù)器上梧油。
插入方法:
1 <img src="baby.jpg" />
img是英語image“圖片”的簡寫
src 是英語source“資源”的簡寫苫耸,千萬不要寫成scr。
src是img標(biāo)簽的屬性儡陨,baby.jpg是這個(gè)屬性的值褪子。
alt屬性
alt是英語alternate“替代”的意思,就表示不管因?yàn)槭裁丛蚱澹?dāng)這個(gè)圖片無法被顯示的時(shí)候嫌褪,出現(xiàn)的替代文字(有的瀏覽器不支持)。
相對路徑
HTML中插入圖片胚股,所以現(xiàn)在有兩個(gè)文件笼痛,一個(gè)html文件,一個(gè)是jpg文件信轿。
我們關(guān)心的就是這兩個(gè)文件的相對位置晃痴。即使這個(gè)網(wǎng)站項(xiàng)目,被用u盤拷給了別人财忽,只要相對路徑不變倘核。圖片一定能夠正常顯示。
若想插入深一層文件夾內(nèi)的圖片即彪,可一直羅列文件夾名字紧唱,直到圖片,如:
1 <img src="images/jiehunzhao/baby.jpg" alt="" />
若在上層文件夾中隶校,可用 ../ 來返回上一層文件夾中選取圖片漏益,如:
1 <img src="../3.jpg" alt="" />
二、超鏈接
基本寫法
一個(gè)網(wǎng)站深胳,是由很多html網(wǎng)頁組成的绰疤,html網(wǎng)頁之間能夠通過超級鏈接互相跳轉(zhuǎn),從而形成了“網(wǎng)”舞终。
語法:
1 <a href="1.html"></a>
a標(biāo)簽的另外兩個(gè)屬性
title 懸停文本
target 是否在新窗口中打開
完整的超級鏈接:
1 <a href="1.html" title="懸停文本" target="_blank">鏈接的內(nèi)容</a>
頁面內(nèi)的錨點(diǎn)
錨點(diǎn)用name屬性來設(shè)置轻庆,一個(gè)a標(biāo)簽如果name屬性(或者id屬性),那么就是頁面的一個(gè)錨點(diǎn)敛劝。
1 <a name="wdzp">我的作品</a>
2 或者:
3 <a id="wdzp">我的作品</a>
那么網(wǎng)址:
1 1.html#wdzp
就能夠讓這個(gè)錨點(diǎn)在頁面最頂端顯示余爆,此時(shí)頁面有卷動(dòng)。