设置图像的title_【HTML】2 图像标签和属性
生活随笔
收集整理的這篇文章主要介紹了
设置图像的title_【HTML】2 图像标签和属性
小編覺(jué)得挺不錯(cuò)的,現(xiàn)在分享給大家,幫大家做個(gè)參考.
1、圖像標(biāo)簽和屬性
圖像標(biāo)簽：<img>標(biāo)簽引入外部圖片文件，并進(jìn)行顯示，單標(biāo)簽，不需要成對(duì)出現(xiàn)。
屬性：屬于標(biāo)簽的特性。標(biāo)簽要通過(guò)屬性來(lái)定義所希望的設(shè)置參數(shù)。
2、應(yīng)用案例
<!DOCTYPE html> <html lang="en"> <head><meta charset="UTF-8"><meta name="viewport" content="width=device-width, initial-scale=1.0"><title>圖像標(biāo)簽</title> </head> <body><h4>圖像標(biāo)簽的使用</h4><img src="./untitled.png" width="100px"><h4>alt 替換文本</h4><img src="./untitled1.png" alt="貓貓"><h4>title 提示文本</h4><img src="./untitled.png" title="可愛(ài)的喵" height="100px" border="5"></body> </html>運(yùn)行結(jié)果：
注意點(diǎn)：
（1）圖像標(biāo)簽可以有多個(gè)，必須寫在標(biāo)簽名后面，屬性間空格分開(kāi)，不分先后順序
（2）屬性采用鍵值對(duì)的格式，即key=“value”的格式，屬性=“屬性值”。
3、路徑
（1）相對(duì)路徑：以引用文件所在位置為參考基礎(chǔ)，建立的目錄路徑。
本例中即為引用圖片相對(duì)于HTML頁(yè)面所在位置
（2）絕對(duì)路徑
寫入電腦上圖片存儲(chǔ)的完整地址src="C:cnewuntitled.png"
或者網(wǎng)絡(luò)上的絕對(duì)路徑src="http://www.xxxx.cn/image.jpg"
注：基本都是使用相對(duì)路徑的。
總結(jié)
以上是生活随笔為你收集整理的设置图像的title_【HTML】2 图像标签和属性的全部?jī)?nèi)容，希望文章能夠幫你解決所遇到的問(wèn)題。
- 上一篇： 小红书的「电商红利」终于要来了？
- 下一篇： angular ngoninit 刷新h