本節簡介:本節課通過幾個小案例的演示,讓大家了解在網頁中插入圖像的方法,熟練使用多種方式在頁面中加入不同的圖像,了解圖像的各個屬性的作用。
本節課同學們做的筆記 點擊播放按鈕可自動定位到對應時間進行播放
頂欄,站點---管理站點----高級設置---設置默認圖像文件夾,設置后引用的圖片會被默認成位置位于該文件夾
相對路徑:相對自己的位置去找別的元素;絕對路徑:直接找到盤符路徑。相對路徑更好
<img圖像標簽 src圖像地址 width寬度 height高度 等比例縮放只寫一個值{寬或高}
單標簽 <img/> 圖片 <hr/>水平線 <br/>換行
src=“網絡圖像地址” alt替換 圖像加載失效時給用戶提示,也是搜索引擎優化,在搜索相關的關鍵詞時可以檢索到這張圖片
img 單標簽,src 屬相是圖像的地址,為了保證寬與高等比變化,只需要定義其中一個屬相即可,另外在站點外的圖片不導入到站點的情況下,代碼顯示的是絕對路徑,容易導致文件失效,故需要將站外的圖片導入到設計面板時,copy到站點內的img文件夾內。為了方便儲存圖片,管理站點-高級-默認圖像文件夾。還可以引入網絡圖片,右鍵-復圖片地址
<img/>是單標簽,alt描述屬性,也要先填寫上。
alt,圖片加載失敗時網頁顯示的文字,可以被搜索引擎檢測到
img 單標簽,src 屬相是圖像的地址,為了保證寬與高等比變化,只需要定義其中一個屬相即可,另外在站點外的圖片不導入到站點的情況下,代碼顯示的是絕對路徑,容易導致文件失效,故需要將站外的圖片導入到設計面板時,copy到站點內的img文件夾內。為了方便儲存圖片,管理站點-高級-默認圖像文件夾。還可以引入網絡圖片,右鍵-復圖片地址
<img src=‘’ ‘’ alt='' ''圖片插入
絕對路徑:從自己電腦盤留指定文件位置 相對路徑:相對自身位置尋找文件