本節簡介:本節課通過幾個小案例的演示,讓大家了解在網頁中插入圖像的方法,熟練使用多種方式在頁面中加入不同的圖像,了解圖像的各個屬性的作用。
本節課同學們做的筆記 點擊播放按鈕可自動定位到對應時間進行播放
站點 管理站點 高級設置 本地信息 默認圖像文件夾 選擇剛剛的images文件夾 (引入桌面或其它地方圖片直接復制到images中)
images 里叫相對路徑(一般用這個) c盤或其他里的叫絕對路徑
<img/>單標簽 屬性 src圖像地址 width height高寬
alt 當圖像失效時,作為一種替代內容作為提示信息,也是針對搜索引擎的。
alt 當圖像失效時,作為一種替代內容作為提示信息,也是針對搜索引擎的。
插入圖片,對圖片設置鏈接,相當于 a標簽的鏈接包含了這張圖片
給圖片添加一個alt屬性便于搜索引擎進行檢索,同時在圖片失效的情況下,會顯示這個alt屬性進行替換。
在不寫代碼的情況下,引入網絡圖像,可以單擊頁面中的圖片,在屬性中的src中粘貼圖片的網絡地址。
要使本地源碼外的圖像引入代碼中,在站點中選擇管理站點,雙擊站點名稱,在高級設置中選擇默認圖像文件夾為源碼的images文件夾
width=圖像像素寬度 height=圖像像素高度
<hr/>水平線 <br/>換行 <img/>圖像==都是單標簽