HTML img标签的用法及相关属性介绍 |
您所在的位置:网站首页 › html中的img标签的作用 › HTML img标签的用法及相关属性介绍 |
在HTML中图像标签
HTML网页中任何元素的实现都要依靠HTML标签,要想在网页中显示图像就需要使用图像标签,需要熟练掌握图像标签
在上面的语法中,src属性用于指定图像文件的路径和文件名,是img标签的必需属性。要想在网页中灵活地使用图像,仅仅依靠src属性是远远不够的。为此HTML还为
1、图像的替换文本属性alt 有时页面中的图像可能无法正常显示,如图片加载错误,浏览器版本过低等。因此为页面上的图像添加替换文本是个很好的习惯,在图像无法显示时告诉用户该图片的信息,这就需要使用图像的alt属性。
2、图像的宽度和高度属性 width、height
通常情况下,如果不给
3、图像的表框属性border 默认情况下图像是没有边框的,通过border属性可以为图像添加边框、设置边框的宽度。
4、图像的边距属性 vspace、hspace 在网页中,由于排版需要,有时候还需要调整图像的边距。HTML中通过vspace和hspace属性可以分别调整图像的垂直边距和水平边距。 5、图像的对齐属性align 图文混排是网页中很常见的效果,默认情况下图像的底部会与文本的第一行文字对齐。但是在制作网页时需要经常实现图像和文字环绕效果,例如左图右文,这就需要使用图像的对齐属性align。
实际制作中并不建议图像标签
猜你喜欢: 什么是HTML语义化?HTML语义化有哪些好处? HTML5中figure标签的作用 HTML入门之 a 标签 Html5是什么?HTML5的发展历程介绍 黑马程序员HTML&JS+前端课程 |
今日新闻 |
推荐新闻 |
CopyRight 2018-2019 办公设备维修网 版权所有 豫ICP备15022753号-3 |