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