HTML 图像标签 img src title width height border alt 使用语法及其操作

最新推荐文章于 2023-07-14 20:37:23 发布

CodeDoraemon

最新推荐文章于 2023-07-14 20:37:23 发布

阅读量2.4k

点赞数

分类专栏： HTML

本文链接：https://blog.csdn.net/qq_40417070/article/details/113000692

版权

HTML 专栏收录该内容

27 篇文章 1 订阅

订阅专栏

图像标签注意事项及重点理解

在这里插入图片描述

src 属性必须写为了说明图片的位置
alt（图像不显示时，汉字的说明）和 title（鼠标放上去的说明）

<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title></title>
	</head>
	<body>
		<img src = "1.png">
		<!--  1. img 表示记讲插入一张照片 -->
		<!-- src 图片的属性，将图片与 .html 文件放到同一个文件夹中，然后就可以引用过来 -->
		<h1>alt 是替换文本 当图片无法进行正常的显示的时候，会进行使用文字进行人替换</h1>
		<img src = "imag11.png" alt = "这是一个风景画" />
		
		<!--  2. title 文本 提示文本，鼠标放在图像上，显示的文字 -->
		<h1>title 文本 提示文本，鼠标放在图像上，显示的文字</h1>
		<img src = "1.png" alt = "这是一个风景画" title = "这是一个风景画" >
		<!-- alt 与 title区别 alt 当图片加载失败 出现的文字 -->
		<!-- tltle 在网页中，只要鼠标经过图片，就会展示图片的名称 -->
		
		<!-- 3.  width 调节图像的大小 -->
		<br /><br /><br />
		<h1>使用 width 进行图像大小的调节</h1>
		<img src = "1.png" alt = "这是一个风景画" title = "这是一个风景画" width = "1000">
		
		<!--  4. height调节高度 -->
		<!-- 一般情况下只改一个长度或者宽度，防止出现变形 -->
		<h1>使用 heigh 进行图像大小的调节</h1>
		<img src = "1.png" alt = "这是一个风景画" title = "这是一个风景画" height = "1000" width = "1000">
	
		<!--  5.  border 加一个边框 -->
		<h1>title border</h1>
		<img src = "1.png" alt = "这是一个风景画" title = "这是一个风景画" border ="20">

	</body>
</html>

CodeDoraemon

关注

0
点赞
踩
3

收藏

觉得还不错? 一键收藏
0
评论
HTML 图像标签 img src title width height border alt 使用语法及其操作

<!DOCTYPE html><html> <head> <meta charset="utf-8"> <title></title> </head> <body> <h1>图像标签的使用</h1> <img src = "1.png">  <!-- src 图片的属性，将图片与 .
复制链接

扫一扫