So easy !
標簽4:img
使用指數:****
功能:導入圖片
類型:內聯元素
常用屬性:id,class,title
特別屬性:1.src:導入圖片總要知道圖片在哪不是,src就解決這個問題。他的值就是圖片存放的路徑啦。
2.alt:與title功能類似,都是提示功能,我們知道有的時候一個網頁的圖片不一定及時(或者就是不能成功)加載,那么為了給用戶一個友好的說明,故用此屬性
例子:1.在E盤新建兩個文件夾,命名為html,和images。在html文件夾中建一個html文件命名為:index.html,復制一張你比較喜歡的圖片到images文件夾中(例如images.jpg),ok,代碼開始了:
index.html:
So easy !
插播廣告:../images/images.jpg:..代表返回到上一級文件,什么意思呢,我們的目的是找到html文件夾外面的images文件夾中的images.jpg文件,那我們就一步一步的進行,首先從html文件夾跳出來(..),這是我們已經指向E盤了,然后找E盤中的images文件夾(/images);最后找到文件(/ images.jpg);光聽我講是不行的,要多實踐哦!
當然img標簽還有兩個常用屬性width和height,分別來限制顯示圖片的寬度和高度;默認為圖片的實際尺寸,不妨試試這段代碼,你就明白啦: