Rumah > Artikel > hujung hadapan web > html如何插入图片

html如何插入图片

青灯夜游asal: 2021-05-03 09:06:1597551semak imbas

在html中，可以使用img标签配合src属性来插入图片，语法格式“8d46e50108f7674d6b8a353c8a5c5830”。img标签用于定义HTML页面中的图像，为被引用的图像创建占位符；而src属性用于规定显示图像的URL。

html如何插入图片

本教程操作环境：windows7系统、HTML5版、Dell G3电脑。

在html中，可以使用img标签插入图片，语法：

<img src="图片文件路径" />

示例：

<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
	</head>
	<body>
		<img src="img/1.jpg" width="200" />
	</body>
</html>

效果图：

HTML a1f02c36ba31691bcfe87b2722de723b 标签

a1f02c36ba31691bcfe87b2722de723b 标签定义 HTML 页面中的图像。

a1f02c36ba31691bcfe87b2722de723b 标签有两个必需的属性：src 和 alt。

注释：从技术上讲，图像并不会插入 HTML 页面中，而是链接到 HTML 页面上。a1f02c36ba31691bcfe87b2722de723b 标签的作用是为被引用的图像创建占位符。

提示：通过在 3499910bf9dac5ae3c52d5ede7383485 标签中嵌套 a1f02c36ba31691bcfe87b2722de723b 标签，给图像添加到另一个文档的链接。

属性值：

属性	值	描述
align	top bottom middle left right	HTML5 不支持。HTML 4.01 已废弃。规定如何根据周围的文本来排列图像。
loading	eager：立即加载 lazy：延迟加载	指定浏览器是应立即加载图像还是延迟加载图像。
alt	text	规定图像的替代文本。
border	pixels	HTML5 不支持。HTML 4.01 已废弃。规定图像周围的边框。
crossorigin	anonymous use-credentials	设置图像的跨域属性
height	pixels	规定图像的高度。
hspace	pixels	HTML5 不支持。HTML 4.01 已废弃。规定图像左侧和右侧的空白。
ismap	ismap	将图像规定为服务器端图像映射。
longdesc	URL	HTML5 不支持。HTML 4.01 已废弃。指向包含长的图像描述文档的 URL。
src	URL	规定显示图像的 URL。
usemap	#mapname	将图像定义为客户器端图像映射。
vspace	pixels	HTML5 不支持。HTML 4.01 已废弃。规定图像顶部和底部的空白。
width	pixels	规定图像的宽度。

推荐教程：《html视频教程》

Atas ialah kandungan terperinci html如何插入图片. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!

Kenyataan：

Kandungan artikel ini disumbangkan secara sukarela oleh netizen, dan hak cipta adalah milik pengarang asal. Laman web ini tidak memikul tanggungjawab undang-undang yang sepadan. Jika anda menemui sebarang kandungan yang disyaki plagiarisme atau pelanggaran, sila hubungi admin@php.cn

Artikel sebelumnya：html怎么设置编码Artikel seterusnya：html怎么设置背景色

Artikel berkaitan

Lihat lagi