iT邦幫忙

第 12 屆 iThome 鐵人賽

DAY 6
1

讓我們繼續學習基本的屬性
src屬性
"img"標籤是用來嵌入圖像中的HTML頁面,src屬性指定要顯示的圖像的路徑
width和height屬性
所述"img"標籤還應該包含 width和 height屬性,用於指定圖像的寬度和高度
https://ithelp.ithome.com.tw/upload/images/20200921/20130523clSwWbJ5Yi.jpg
https://ithelp.ithome.com.tw/upload/images/20200921/201305237cg6nS8icn.jpg
https://ithelp.ithome.com.tw/upload/images/20200921/20130523rJPeuQIR6G.jpg
https://ithelp.ithome.com.tw/upload/images/20200921/20130523NYn5De8ys2.jpg

alt屬性
如果由於某種原因而無法顯示圖像,則標記的 alt屬性將成為"img"指定圖像的備用文本。這可能是由於連接速度慢,src屬性錯誤或用戶使用屏幕閱讀器引起
https://ithelp.ithome.com.tw/upload/images/20200921/201305230ErCwZ6QQm.jpg
https://ithelp.ithome.com.tw/upload/images/20200921/20130523sjmP2ClMlT.jpg
style屬性
style屬性用於向元素添加樣式,例如顏色,字體,大小等
https://ithelp.ithome.com.tw/upload/images/20200921/20130523j5zFEQR11g.jpg
https://ithelp.ithome.com.tw/upload/images/20200921/20130523D1cxML2gYd.jpg
結語:今天補充了src屬性、width和 height屬性,學習了當發生錯誤時,以文字代替圖片的alt屬性,以及添加樣式的style屬性,學的主要是視覺方面的屬性,網站要吸引人視覺也是一大重點呢。


上一篇
Day5:HTML(3)什麼,空的???
下一篇
Day7:HTML(5) 大 還要更大
系列文
好想用網頁設計發大財35
圖片
  直播研討會
圖片
{{ item.channelVendor }} {{ item.webinarstarted }} |
{{ formatDate(item.duration) }}
直播中

尚未有邦友留言

立即登入留言