HTML5之img标签

最新推荐文章于 2025-07-01 18:33:43 发布

原创最新推荐文章于 2025-07-01 18:33:43 发布 · 1.4k 阅读

2 ·

CC 4.0 BY-SA版权

文章标签：

#html

html 专栏收录该内容

1 篇文章

订阅专栏

1.语法结构

<img src="图片路径" width="" height="" alt="" />

2.img的属性

src属性：必要属性，指定图片的来源和路径
alt属性：当图片无法显示时替代文字
width、height属性，指定图片的高度和宽度，单位是像素或者百分比。
title属性：属性值是字符串。

代码示例：

<!DOCTYPE html>
<html lang="zh-cn">
<head>
	<meta charset="UTF-8">
	<title>less07 img</title>
</head>
<body>
	<h1 align="center">扣扣头像</h1>
	<hr>
	<p align="center">
		<img src="小耳朵.jpg" alt="小耳朵" width="200" height="200" title="小耳朵">
	        <img src="man.jpg" alt="man" width="200" height="200" title="man">
		<img src="夏目.jpg" alt="夏目" width="200" height="200">
		<img src="美女.jpg" alt="美女" width="200" height="200">
	</p>
	
</body>
</html>

效果图：