图片标签_HTML 5基础教程

图片标签

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

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

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

除了src和alt属性外，<img>标签还有一些其他常用的属性：

width：指定图片的宽度
height：指定图片的高度
title：指定图片的标题，当鼠标悬停在图片上时显示
align：指定图片的对齐方式，可选值有left、right、top、middle、bottom

以下是一个包含了以上属性的<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>标签可以很方便地向网页中添加图片，并通过属性控制图片的显示效果。在实际开发中，可以根据需要使用其他属性对图片进行进一步定制。