html如何插入图片

ID:9638 / 打印
在html中,可以使用img标签配合src属性来插入图片,语法格式“”。img标签用于定义html页面中的图像,为被引用的图像创建占位符;而src属性用于规定显示图像的url。

html如何插入图片

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

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

<img  src="图片文件路径" / alt="html如何插入图片" >

示例:

<!DOCTYPE html> <html> 	<head> 		<meta charset="utf-8"> 	</head> 	<body> 		<img  src="img/1.jpg"    style="max-width:90%" / alt="html如何插入图片" > 	</body> </html>

效果图:

立即学习“前端免费学习笔记(深入)”;

1.png

HTML html如何插入图片 标签

html如何插入图片 标签定义 HTML 页面中的图像。

html如何插入图片 标签有两个必需的属性:src 和 alt。

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

提示:通过在 标签中嵌套 html如何插入图片 标签,给图像添加到另一个文档的链接。

属性值:

属性 描述
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怎么设置背景色
下一篇: html字体颜色如何设置

作者:admin @ 24资源网   2024-09-27

本站所有软件、源码、文章均有网友提供,如有侵权联系308410122@qq.com

与本文相关文章

发表评论:

◎欢迎参与讨论,请在这里发表您的看法、交流您的观点。