返回
2022年10月
-
HTML插入图片：<img>标签
一图胜千言，图片比文字更具表现力，恰当地使用图片可以让网页更加精美。
HTML 使用 <img> 标签插入图片，img 是 image 的简称。<img> 是自闭和标签，只包含属性，没有结束标签。<img> 标签的语法格式如下：
<img src="url" alt="text">
对属性的说明：
- src 是必选属性，它是 source 的简称，用来指明图片的地址或者路径。src 支持多种图片格式，比如 jpg、png、gif 等。src 可以使用相对路径，也可以使用绝对路径。
- alt 是可选属性，用来定义图片的文字描述信息。当由于某些原因（例如图片路径错误、网络连接失败）导致图片无法加载时，就会显示 alt 属性中的信息。
【示例】使用 <img> 标签插入图片：
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>HTML插入图片</title> </head> <body> <!-- 使用绝对路径插入网络图片 --> <img src="http://c.biancheng.net/cpp/templets/new/images/logo.jpg?v=3.994" alt="CLogo"> <br> <!-- 在当前 HTML 文档的上层目录中有一个 images 文件夹，该文件夹下有一张图片 html5.png --> <img src="../images/html5.png" alt="HTML5 Logo"> </body> </html>显示效果：
