图片来源html,HTML图片(Images)

本文介绍了HTML中插入图片的基本语法,包括URL路径、alt属性和align属性的使用。强调了alt属性对于搜索引擎优化的重要性,并提醒注意图片大小调整可能影响显示效果。同时,建议合理控制HTML文件中的图片数量以提升网页加载速度。
摘要由CSDN通过智能技术生成

用 这个 Tag 可以在HTML里面插入图片。最基本的语法如下:

url

url表示图片的路径和文件名。比如 url 可以是 http://www.blabla.cn/images/logo/blabla_logo01.gif,也可以是个相对路径 "../images/logo/blabla_logo01.gif"。

图片alt属性

中有一个alt属性,英文叫alternate text。例句如下:

smile face

假使浏览器没有载入图片的功能,浏览器就会转而显示Alt属性的值。

其实,现在大多数浏览器都支持图片载入。在此介绍Alt属性,是因为它的另外一个重要功能。目前搜索引擎抓取工具无法识别图像中所含的文字,所以用ALT属性写上图片的说明,便于搜索引擎抓取你网页的内容。

图片align属性

用align属性,可以改变图片的垂直(居上、居中、居下)对齐方式和水平对齐方式(居左、居中、居右)。

图片的大小

在缺省状况下,图片显示原有的大小。你可以用height和width属性改变图片的大小。不过图片的大小一旦被改变,图片会相应放大或缩小,显示出来的结果可能会很难看。

建议

图片相对文字,所占的字节数较多,比如一个全屏的图片,即使经过压缩,也要占去大约50k字节,这相当于25000字的文本。因此浏览器载入图片比较费时,建议一个HTML文件里不要包含过多的图片,否则会影响你的网页显示速度。

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值