html 图片标签

系统管理员 2021-07-24 23:27 680阅读 0赞

**图片标签：**默认不换行，成为行内元素
    		<img/>
    			属性
    				src：图片路径
    					路径：
    						相对路径：从当前文件出发查找的路径,只能查找当前文件的内容
    						绝对路径：从根盘符出发所查找的路径
    						网络路径：图片资源的URL
    			在设置图片大小时，设置其中一个属性，另一个属性会在图片不失真的情况下自动变化	
    				width
    					宽度
    				height
    					高度
    				title
    				图片名称，鼠标放在图片上显示的名称
    					<img src="img/4.gif"  width="200px" height="200px" title="这是gif" />
    				alt
    				图片加载失败时显示的文字
    					<img src="img/5.jfif" alt="图片加载失败"/>
    
    *代码实例：*
    
    <html>
    	<head>
    		<title>图片标签学习</title>
    		<meta http-equiv="content-type" content="text/html;charset=utf-8" />
    		
    	</head>
    	<body>
    		<h3>图片:</h3>
    		<hr/>
    		
    		<img src="img/1.jfif" width="200px" height="200px"/>
    		<img src="img/2.jfif" width="200px" height="200px" />
    		<img src="img/3.jfif" width="200px" height="200px" title="这是图片"/>
    		<img src="img/4.gif"  width="200px" height="200px" title="这是gif" />
    		<img src="img/5.jfif" alt="图片加载失败" />
    		
    		<hr size="50" color="red"/>
    		<img src="https://ss0.bdstatic.com/94oJfD_bAAcT8t7mm9GUKT-xh_/timg?image&quality=100&size=b4000_4000&sec=1571040985&di=90bde0e4b988e8449af04b4f0452ee65&src=http://image13.m1905.cn/uploadfile/2018/0316/20180316093006979816.jpg" 
    			width="200px" height="200px"
    			/>
    		
    	</body>
    </html>

发表评论取消回复

表情：

评论列表（有 0 条评论，680人围观）

还没有评论，来说两句吧...

相关阅读

相关【Java 进阶篇】HTML 图片标签详解

![在这里插入图片描述][ee6246a97e76456ea2a96231b3fde401.png] HTML（超文本标记语言）是构建Web页面的标准语言，它包含了许多标签，

古城微笑少年丶/ 2023年10月16日 18:17/ 0 赞/ 132 阅读

相关 js去掉html字段中html标签和图片富文本

var msg = content.replace(/<(p|div)[^>]>(<br\/?>| )<\/\1>/gi, '\n').replace(/<br\/?>

た入场券/ 2023年01月16日 03:21/ 0 赞/ 164 阅读

相关 html图片标签的实例,HTML-

一、img的属性：alt/title alt属性是替换名字，是给搜索引擎抓取使用，当图片显示不出来时，就会显示出alt的内容； ![0cf6e69ca755ea877990

迷南。/ 2022年10月06日 07:56/ 0 赞/ 141 阅读

相关 HTML-02-图片标签

1.图片标签后面附加属性 2.img图片标签+图片属性，属性不分顺序可有多个属性，每个属性之间至少有一个空格 3.属性以键值对的形式纯在，key–value，一个属性后

一时失言乱红尘/ 2022年09月11日 02:14/ 0 赞/ 130 阅读

相关 HTML标签img--改变图片尺寸

1、统一大小？我的网页上面有许多的图片，有的大，有的小，我想如果图片大的实现缩放，所有的都是一般大。来看看没有是什么效果。 ![Center][] 大家看的出来，非常的

梦里梦外;/ 2022年08月19日 11:28/ 0 赞/ 278 阅读

相关 html的简述和概念，html入门案例，html的语言规范，HTML字体标签，格式化标签，图片标签，

1 html的简述和概念：Hyper Text Markup Language 超文本标记语言文本：详单与记事本里写的文字，展示信息超文本：不仅仅可以展示信息。泛指;图

快来打我*/ 2022年06月06日 02:44/ 0 赞/ 172 阅读

相关 Html之图片标签自动跳转

1.引入jquery <script src="https://cdn.bootcss.com/jquery/3.4.1/jquery.min.js"></scrip

ゝ一纸荒年。/ 2021年12月12日 03:15/ 0 赞/ 300 阅读

相关 html标签

![这里写图片描述][SouthEast] 网易前端微专业课上标签展示。 [SouthEast]: /images/20210920/7f8e0738d15e482eac

ゝ一纸荒年。/ 2021年09月22日 09:06/ 0 赞/ 523 阅读

相关 HTML中img标签base64显示图片

在浏览网页的时候大家可能会注意到一个奇怪的现象，有的图片的路径后面是一串很长的字符串，例如： data:image/jpg;base64,iVBORw0

浅浅的花香味﹌/ 2021年07月26日 18:40/ 0 赞/ 801 阅读

相关 html 图片标签

图片标签：默认不换行，成为行内元素 <img/> 属性 src：图片路径路径：相对路

系统管理员/ 2021年07月24日 23:27/ 0 赞/ 681 阅读