本節簡介:本節課通過幾個小案例的演示,讓大家了解在網頁中插入圖像的方法,熟練使用多種方式在頁面中加入不同的圖像,了解圖像的各個屬性的作用。
本節課同學們做的筆記 點擊播放按鈕可自動定位到對應時間進行播放
自動導入桌面照片到images:站點——管理站點——雙擊——高級設置——選擇默認圖像文件夾
圖像需放在相對路徑中(站點中),最好不要放在絕對路徑中(非站點)。
圖像引入標簽為單標簽<img />:<img src=“”>
圖片等比例放大縮小只需調節一個width或height即可
圖像屬性 鏈接·圖片超級鏈接 標題-鼠標移入的顯示文本 提示·如果網絡失效則顯示文字
站點-管理站點-高級設置-默認圖像文件夾改成inages文件夾 則自動把圖像引入默認文件夾
同時alt也就是替換標簽,在圖像加載失敗時展示給瀏覽者觀看的內容
圖片上加標題:title=“” ,(在屬性中編輯標題)
在屬性中直接給圖片加鏈接,如需在新鏈接打開,則需要在屬性中目標里選擇“blank”
站點---高級設置---默認圖像文件夾(將站點根目錄設為默認文件夾,這樣其他文件夾的圖片在使用時就會自動歸到根目錄)
單標簽<img/>引入圖像,空格可以改變圖像寬度和高度