首页  >  文章  >  web前端  >  html如何插入图片

html如何插入图片

青灯夜游
青灯夜游原创
2021-05-03 09:06:1597456浏览

在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视频教程

以上是html如何插入图片的详细内容。更多信息请关注PHP中文网其他相关文章!

声明:
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系admin@php.cn