基于OpenLayers的WebGIS程序二次开发实例教程
34454 人在学
在html当中,我们可以运用这个图片Tag在HTML里面插入图片。今天,小编就主要给大家对html图片进行介绍。大家要是对html感兴趣的话可以了解一下。html图片的tag可以让我们在html中插入图片以及调整图片的大小、比例等等的基本属性。
(一)最基本的语法:
(图片的基本语法)
在这其中,url指的是图片的路径和文件名。例如:url能是images/logo/blabla_logo01.gif,也能是相对路径"../images/logo/blabla_logo01.gif"。
(二)图片alt属性
当中有alt属性,又叫alternatetext。如下:
(图片alt属性)
要是浏览器无载入图片功能,浏览器就会显示Alt属性的值。
实质上,大多数浏览器都支持图片的载入。在这里介绍Alt属性,是由于另外一个重要功能。搜索引擎抓取工具没有办法识别图像中所含的文字,然后用ALT属性写上图片的说明,方便搜索引擎抓取网页的内容。
(三)图片align属性
align属性能改变图片的垂直对齐方式以及水平对齐方式。
(四)图片的大小
缺省状况下,图片会显示原有的大小。能用height以及width属性对图片的大小进行改变。要是图片的大小被改变,图片相应的放大或者缩小,那么显示就会很难看。
(五)建议
相对文字来说,图片所占的字节数较多,一个全屏的图片即使经过了压缩,也需要占去50k左右的字节,相当于25000字的文本。所以浏览器载入图片是较费时的,所以建议一个HTML文件里不要包含太多的图片,不然就会影响你的网页显示速度。
(html插入图片示例)
上面就是有关html的图片介绍。通过解读这篇文章后,相信大家会对html基础知识有更多的了解,我们网站将会给大家介绍更多关于html的内容。要是想要了解更多的话,可以关注我们的网站:课课家教育。
共40节 · 5小时12分钟
Dreamweaver CC 网页设计师必备工具培训视频教程
¥5.0028136人在学
共40节 · 7小时1分钟
¥99.004408人在学
共10节 · 1小时26分钟
¥9.903577人在学
共206节 · 61小时50分钟
¥299.0029709人在学