图片介绍html,HTML图片介绍

在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的内容。要是想要了解更多的话，可以关注我们的网站：课课家教育。