HTML网页制作 插入图片

HTML网页插入图片。感兴趣的小伙伴们快来了解一下吧。

插入图片01

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

02

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

03

点击“图像”按钮，d出“选择图像源文件”对话框。

04

选择完之后，单击“确定”按钮，之后会d出“图像标签辅助功能属性”对话框。

05

设置完成之后点击“确定”按钮，就可以了。

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

宽度和高度：

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

例如代码：

<img src="test.jpg" width=100 height=100>

width=宽度

height=高度

02

边框:

我们可以使用属性中的"border"来设置图像周围的边框。这可以用于创建在图像周围的空间。

例如代码:

<img src="test.jpg" border=4>

03

对齐:

我们可以使用属性中的"align"来对齐图像。

把属性值设置成：left/right/center

例如代码:

<img src="test.jpg" align=left><img src="test.jpg" align=right alt="xxx">

在html中某个div里加入背景图片的话，主要有以下几种方式：第一种： 在css文件里加入背景图片：在css里用url(../images/背景图2.jpg)，在内联css和引入css中会由于html文件和css文件所处的相对位置不同，引入图片路径会有所不同。 如图：第二种：在html中引入：<div class="detail" style="background-image: url(../images/背景图1.jpg)"></div>，同理url()括号里是图片的引入路径。 如图：第三种：在div中加一张图片 <div class="detail" >                   <img src="../images/背景图1.jpg" alt="" style="width:100%height:100%"> </div> 如图：当图片小于背景区域大小时，图片会不断重复显示，如果不想图片重复显示，可以设置background-repeat，background-repeat有4个值，分别是repeat（代表重复显示）、no（代表不重复）、repeat-x（代表水平方向上重复）、repeat-y（代表垂直方向上重复） 当图片小于背景区域大小时，默认从左上角开始铺，如果想从任意位置开始铺，可以使用background-position属性，设置在x、y方向的偏移量。当图片大于背景区域时，只显示图片左上角。 当图片和背景区域大小一样大时，显示整张图片。

导入方法如下：

1、使用embed标签，这个是官方推荐的用法，但是这个官方是Adobe官方，不是W3C官方，现在的HTML标准里还没有这个标签。

2、使用object标签，这个是W3C的规范，在HTML标准里有这个标签，这个标签里面不能使用js。

3、使用iframe标签，这个标签可工作在任何浏览器中。

---