cari

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

html如何插入图片

青灯夜游
青灯夜游asal
2021-05-03 09:06:1597609semak 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>

效果图：

1.png

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