HTML图像

HTML图像示例

HTML图像标签

  • 图像由<img>标签定义
  • <img>标签为空标签,只包含属性,无闭合标签
  • src属性值为图像的url地址,url地址就是图像文件的路径
<!--插入图像示例-->
<img src="//ooo.honglog.com/wp-content/uploads/2021/07/web.png"/>

HTML图像Alt属性

  • alt属性用于为图像定义可替换文本,在图像无法加载的情况文本就会显示
  • 替换文本属性的值由用户定义
  • 插入图象时为图像设置替换文本是一个好习惯,有助于更好展示信息
<!--alt属性示例-->
<img src="//ooo.honglog.com/wp-content/uploads/2021/07/web.png" alt="小洪博客web文章图篇片"/>

HTML图像设置宽和高度

  • width属性指定图像宽度
  • height属性指定图像的高度
  • 给图像设置宽和高更有利于网页排版,页面会预留一个固定尺寸的位置给图像
  • 如不指定图像宽和高,加载页面时可能会破坏页面的整体布局
<!--图像设置宽高示例--> 
<img width="500" height="300" src="//ooo.honglog.com/wp-content/uploads/2021/07/web.png" alt="小洪博客web文章图篇片"/>

总结

图像是网页不可或缺的一部分,但是平时我们在网页插入图像时要尽量压缩图像大小,因为加载图像时需要时间的,如果你的服务器配置并不是很好图片大小又很大时,就会极大拖慢网页的加载速度

版权声明:
作者:HONG
链接:https://www.honglog.com/195.html
来源:小洪博客
本站遵循cc共享许可协议:BY-NC-SA 4.0 转载请注明出处
THE END
分享
二维码
打赏
< <上一篇
下一篇>>
文章目录
关闭
目 录