千鋒前端浠浠呀老師HTML+CSS教程,零基礎(chǔ)web前端開發(fā)入門必看視頻

1、?圖片
<img />
src=””?路徑/地址
?
路徑分類:
絕對路徑,從盤符開始查找,可以跨盤符,不能跨電腦
相對路徑,有參照物,相對位置關(guān)系,有一個變了都會有影響或者找不到,不能跨盤符
?
<!-- 絕對路徑 -->
??<img src="D:\教學\dl-html5-2302\第一周\days2-html標簽\2.jpg">
<!-- 相對路徑,有依賴關(guān)系 -->
<!-- 同級,在同一個文件夾里 : 直接書寫目標文件的名字-->
<img src="2.jpg">
<!-- 下一級,目標圖片所在的文件夾和HTML文件在同一文件夾里:?文件夾名/圖片名 -->
<img src="img/1.jpg">
<!-- 下兩級 -->
<img src="img/img/3.jpg">
<!-- 上一級:HTML文件所在的文件夾 與 目標圖片 在同一個文件夾里:?../圖片名-->
??<img src="../4.jpg">
??<img src="../../4.jpg">??上兩級
?
?
?
圖片相關(guān)的屬性:
src??路徑
alt??圖片加載失敗時的替換文本,方便瀏覽器識別圖片內(nèi)容
title??鼠標移上的提示信息
width??寬度
height??高度
???定義圖片寬高的時候,只寫一個,另外一個等比例變化
???同時定義兩個尺寸容易導(dǎo)致圖片變形
標簽: