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