HTML5圖片標籤和路徑

圖片標籤和路徑

1,圖像標籤img屬性(屬性之間沒有順序的)


	<img src="圖像URL"/>、
	alt     替換文本  圖像顯示不出來用的時候用文字顯示   <img src="圖像URL"  alt="我是qijian"/>
	title   當鼠標移動到圖片就會顯示文本  <img src="圖像URL"  alt="我是qijian" title="我是qijain"/>
	width   值  像素  設置圖像的寬度 
	height  值  像素  設置圖片的高度 
	border  值  像素  設置圖片的邊框粗細

2,路徑

	相對路徑:以引用文件所在的位置爲參考基礎,而建立的目錄路勁   ,及圖片相對於HTML頁面的位置
		同一級路勁     直接使用圖片名    說明  圖像位於HTML文件同一級   如<img src="qijian.jpg"/>
		下一級路勁     符號  /          說明  圖像文件位於HTML文件的下一級   <img src="images/qijian.jpg"/>
		上一級路徑     符號 ../         說明  圖片位於HTML文件的上一級         <img src="../qijian.jpg"/>
		絕對路勁:  是指目錄下的絕對位置,直接到達目標位置,通常是從盤符開始的路徑如:"D:\VScode\vscodespace\qijian.jpg"或完整的網絡地址“ https://www.bilibili.com”

發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章