发表日期: 2022-05-28 14:22:43 浏览次数:85
网站建设(广东省韶关网站建设服务中心) - 上往建站

一图胜千言,图片比文字更具表现力,恰当地使用图片可以让网页更加精美。
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="C语言中文网Logo"> <br><!-- 在当前 HTML 文档的上层目录中有一个 images 文件夹,该文件夹下有一张图片 html5.png --><img src="../images/html5.png" alt="HTML5 Logo"></body></html>