HTML图片标签

Wesley13
• 阅读 637
<body>
        
        <!--
        使用img标签来向网页中引入外部的图片,
        img标签也是一个自结束标签
        属性:
        src:设置一个外部图片的路径
        alt:可以用来设置图片不能显示时,就会显示图片的描述
        搜索引擎可以通过alt属性来识别不同的图片
        如果不写alt属性,则搜索引擎不会对img中的图片进行收录
        width:可以用来修改图片的宽度
        height:可以用来修改图片的高度
        宽度和高度两个属性如果只设置一个,另一个也会同时等比例调整大小
        如果两个值同时指定则按照你指定的值来设置
        一般开发中除了自适应的页面,不建议设置width和height
        路径问题
        相对路径指的是相对于当前资源的所在的目录。
        
        (相对于当前的资源的为基准)可以使用../来返回上一级目录,使用几级就写几个../
        一般都是相对路径就可以了,都是附近的文件夹。
        -->
        <!--
        图片的格式
        --JPEG图片支持的颜色比较多,图片可以压缩,但是不支持透明
        --一般使用JPEG来保存照片等颜色丰富的图片
        gif 
        --GIF支持颜色少,只支持简单的透明,支持动态图
        -图片颜色单一或者动态图时可以使用GIF
        png
        -png支持的颜色多,并且支持复杂的透明
        --可以用来显示颜色复杂的透明的图片
        
        图片的使用原则
        效果不一致,使用效果好的
        效果一致,使用占用内存小的
        
        -->
    
        
        <img src="3.jpg" alt="这是纸尿裤" width="150px"/>
    </body>
点赞
收藏
评论区
推荐文章
晴空闲云 晴空闲云
3年前
svg绘制六种基本形状
svg简介svg意为可缩放矢量图形(ScalableVectorGraphics),最大的特点就是伸缩不会失真。svg是用xml进行描述的,在前端方面现在应用越来越广泛,各大浏览器支持越来越好了。这边尝试记录一下用svg画各种形状。svg标签要使用svg,需要先引入svg标签:html其中:width表示图片的宽。height表示图片的高。画长
晴空闲云 晴空闲云
3年前
网页引入svg图片的4种方式
web应用开发使用svg图片,总结了下,可以有如下4种方式:1.直接插入页面。2.img标签引入。3.css引入。4.object标签引入。1.直接插入页面在html页面,可以直接使用svg标签。html运行效果:2.img标签引入除了在网页里直接写svg标签,也可以通过img引入,就像引入j
Stella981 Stella981
3年前
Neo4J之标签类型
Neo4J的标签可以理解一个类,在创建一个节点时可以设置一个或多个标签:1\.标签名为中文(可以)!(https://img2018.cnblogs.com/blog/1309692/201809/130969220180905104037922144441266.png)!(https://oscimg.oschina.n
Stella981 Stella981
3年前
HTML5 audio 如何实现播放多个MP3音频
<audio标签是HTML5中的新标签,定义声音用于嵌入音频内容,比如音乐或其他音频流。用的比较多音频格式是.mp3。<audio标签常用属性如下表属性值描述autoplayautoplay添加该属性后,音频会自动播放controlscontrols设置后,显示控件,如播放按钮、音量looploop添加
Wesley13 Wesley13
3年前
CSS浮动和清除浮动
1.浮动float  div配合float浮动来做页面的布局,浮动最常用的地方就是用来做布局。只有一个标签设置了浮动float属性,就会变成块级标签。!(https://img2018.cnblogs.com/blog/1468469/201901/1468469201901061724118811574074745.png)<!
Wesley13 Wesley13
3年前
CIFAR
1、CIFAR10,是一个用于做图像分类研究的数据集。由60000个图片组成6万个图片中,5万张用于训练,1万张用于测试每个图片是32x32像素所有图片可以分成10类每个图片都有一个标签,标记属于哪一个类测试集中一个类对应1000张图训练集中将5万张图分为5份类之间的图片是互
Wesley13 Wesley13
3年前
3D轮播切换特效 源码+注释
这个3D轮播切换特效是我2017年2月份写的当初我刚接触HTML不久,现在把源码分享给大家 源码的注释超级清楚。<!声明文档类型:html作用:符合w3c统一标准规范每个浏览器对htmlcssjs都有自己的编码模式(兼容模式)\ 无序列表标签  盒子模型标签 img图片标签四要素 1<
关于图层设置
图层分背景图层和浮动图层两种形式,背景图层就是在单元格的底层中显示一个单元格背景图片,浮动图层就是在单元格上覆盖一个遮盖图片。在皕杰报表中,右键单元格单元格图层设置图层​类型选择:有两种,一种是背景图层,一种是浮动图层。属性设置图片文件:可以是图片相对路径
小白学大数据 小白学大数据
5个月前
使用 XPath 定位 HTML 中的 img 标签
引言随着互联网内容的日益丰富,网页数据的自动化处理变得愈发重要。图片作为网页中的重要组成部分,其获取和处理在许多应用场景中都显得至关重要。例如,在社交媒体分析、内容聚合平台、数据抓取工具等领域,图片的自动下载和处理是必不可少的。本文将详细介绍如何在C应用程