欢迎您访问程序员文章站本站旨在为大家提供分享程序员计算机编程知识!
您现在的位置是: 首页  >  web前端

HTML教程:图片大小对齐间隔边框属性修改方法介绍_HTML/Xhtml_网页制作

程序员文章站 2022-03-10 08:45:36
...
图像标记:HTML教程:图片大小对齐间隔边框属性修改方法介绍_HTML/Xhtml_网页制作
在页面中插入图像,我们需要使用"img"标记,它的属性是"src"
例如代码:
HTML教程:图片大小对齐间隔边框属性修改方法介绍_HTML/Xhtml_网页制作
结论:
HTML教程:图片大小对齐间隔边框属性修改方法介绍_HTML/Xhtml_网页制作

在这里我们假设图像文件和html文件在相同的目录中。
同样我们可以给出图像文件的完整路径。
例如:
HTML教程:图片大小对齐间隔边框属性修改方法介绍_HTML/Xhtml_网页制作
宽度和高度:
通过使用属性中的宽度和高度来校正在网页中显示图像的大小。
例如代码:
HTML教程:图片大小对齐间隔边框属性修改方法介绍_HTML/Xhtml_网页制作
结论:
HTML教程:图片大小对齐间隔边框属性修改方法介绍_HTML/Xhtml_网页制作

对齐:
我们可以使用属性中的"align"来对齐图像。
把属性值设置成:left/right/center
例如代码:
HTML教程:图片大小对齐间隔边框属性修改方法介绍_HTML/Xhtml_网页制作HTML教程:图片大小对齐间隔边框属性修改方法介绍_HTML/Xhtml_网页制作
结论:
HTML教程:图片大小对齐间隔边框属性修改方法介绍_HTML/Xhtml_网页制作


边框:
我们可以使用属性中的"border"来设置图像周围的边框。这可以用于创建在图像周围的空间。
例如代码:
HTML教程:图片大小对齐间隔边框属性修改方法介绍_HTML/Xhtml_网页制作
结论:
HTML教程:图片大小对齐间隔边框属性修改方法介绍_HTML/Xhtml_网页制作