HTML 5的图像标签是<img>,用来向网页中添加图片。在<img>标签中,最重要的属性是src,用来指定图片的路径。以下是一个基本的<img>标签的示例:

<!DOCTYPE html>
<html>
<head>
    <title>图片示例</title>
</head>
<body>
    <img src="image.jpg" alt="这是一张图片">
</body>
</html>

在上面的示例中,src属性指定了图片的路径为image.jpgalt属性用来定义图片的替代文本,用于在图片无法显示时显示。在添加图片时,最好总是添加alt属性,以提供对屏幕阅读器等辅助技术的支持。

除了srcalt属性外,<img>标签还有一些其他常用的属性:

  • width:指定图片的宽度
  • height:指定图片的高度
  • title:指定图片的标题,当鼠标悬停在图片上时显示
  • align:指定图片的对齐方式,可选值有leftrighttopmiddlebottom

以下是一个包含了以上属性的<img>标签示例:

<!DOCTYPE html>
<html>
<head>
    <title>图片示例</title>
</head>
<body>
    <img src="image.jpg" alt="这是一张图片" width="200" height="150" title="这是一张美丽的图片" align="left">
</body>
</html>

需要注意的是,图片的路径可以是绝对路径(如http://example.com/image.jpg)或相对路径(如image.jpg)。当使用相对路径时,图片文件应该与HTML文件在同一目录下,或者根据相对路径的关系正确指定图片的路径。

总的来说,通过<img>标签可以很方便地向网页中添加图片,并通过属性控制图片的显示效果。在实际开发中,可以根据需要使用其他属性对图片进行进一步定制。