制作网页添加图片

HTML网页制作 插入图片

HTML页面插入图片。
感兴趣的朋友快来了解一下吧。

插入图片 01

将光标放在HTML文档中要插入图像的位置。

02

单击 。插入 菜单，选择 图片 项目，或点击 插入 上面板 常用 项目，选择 图像按钮。

03

单击 。图像 按钮弹出 选择图像源文件 对话框。

04

单击 当你完成的时候。OK 按钮，然后就会弹出 。图像辅助功能属性 对话框。

05

单击 设定后。OK 按钮，就这样。

如何更改图片大小、添加边框 01

宽度和高度：

通过使用属性中的宽度和高度来校正在网页中显示图像的大小。

例如代码：
lt;img src=quot;test.jpgquot; width=100 height=100gt;
width=宽度
height=高度宽度和高度:

使用属性中的宽度和高度来更正网页中显示的图像的大小。

比如代码:
< img src = quot；test.jpg quot宽度=100高度= 100 gt
width=宽度
height=高度

02

边框:
我们可以使用属性中的quot;borderquot;来设置图像周围的边框。

这可以用于创建在图像周围的空间。

例如代码:
lt;img src=quot;test.jpgquot; border=4gt;Border:
我们可以使用“在属性边框中 quot设置图像周围的边框。
这可以用来在图像周围创建一个空房间。

比如代码:
< img src = quot；test.jpg quotborder = 4 gt

03

对齐:
我们可以使用属性中的quot;alignquot;来对齐图像。

把属性值设置成：left/right/center
例如代码:
lt;img src=quot;test.jpgquot; align=leftgt; lt;img src=quot;test.jpgquot; align=right alt=quot;xxxquot;gt;对齐:
我们可以在属性align quot来对齐图像。

将属性值设置为:left/right/center
例如，代码:
< img src = quot；test.jpg quotalign = left gt ltimg src = quottest.jpg quotalign = right alt = quotxxx quot gt