下载安卓APP箭头
箭头给我发消息

客服QQ:3315713922

HTML图片介绍

作者:课课家教育     来源: http://www.kokojia.com点击数:2170发布时间: 2016-10-08 15:00:21

标签: html基础html教程html图片web开发

Web开发

  在html当中,我们可以运用这个图片Tag在HTML里面插入图片。今天,小编就主要给大家对html图片进行介绍。大家要是对html感兴趣的话可以了解一下。html图片的tag可以让我们在html中插入图片以及调整图片的大小、比例等等的基本属性。

  (一)最基本的语法:

HTML图片介绍_html基础_html教程_课课家

(图片的基本语法) 

  在这其中,url指的是图片的路径和文件名。例如:url能是images/logo/blabla_logo01.gif,也能是相对路径"../images/logo/blabla_logo01.gif"。

  (二)图片alt属性

  当中有alt属性,又叫alternatetext。如下:

图片alt属性

(图片alt属性) 

  要是浏览器无载入图片功能,浏览器就会显示Alt属性的值。

  实质上,大多数浏览器都支持图片的载入。在这里介绍Alt属性,是由于另外一个重要功能。搜索引擎抓取工具没有办法识别图像中所含的文字,然后用ALT属性写上图片的说明,方便搜索引擎抓取网页的内容。

  (三)图片align属性

  align属性能改变图片的垂直对齐方式以及水平对齐方式。

  (四)图片的大小

  缺省状况下,图片会显示原有的大小。能用height以及width属性对图片的大小进行改变。要是图片的大小被改变,图片相应的放大或者缩小,那么显示就会很难看。

  (五)建议

  相对文字来说,图片所占的字节数较多,一个全屏的图片即使经过了压缩,也需要占去50k左右的字节,相当于25000字的文本。所以浏览器载入图片是较费时的,所以建议一个HTML文件里不要包含太多的图片,不然就会影响你的网页显示速度。

html插入图片示例

(html插入图片示例)

  上面就是有关html的图片介绍。通过解读这篇文章后,相信大家会对html基础知识有更多的了解,我们网站将会给大家介绍更多关于html的内容。要是想要了解更多的话,可以关注我们的网站:课课家教育。

赞(0)
踩(0)
分享到:
上一篇:表格与列表
华为认证网络工程师 HCIE直播课视频教程