web网页设计图片插入

插入图片是网页设计中常用的技巧之一，可以丰富页面内容，提高用户体验。下面是几种常见的插入图片的方法：

1. 使用HTML标签<img>插入图片

<img src="图片路径" alt="图片描述">

其中，src属性指定图片的路径，可以是相对路径或绝对路径；alt属性是图片的描述，当图片无法显示时，会显示这个描述。例如：

<img src="images/pic1.jpg" alt="美丽的自然风光">

2. 使用CSS样式插入背景图片

可以使用CSS样式来插入背景图片，例如：

div {
background-image: url(images/pic2.jpg);
}

这样就可以将图片作为div元素的背景。需要注意的是，使用CSS插入图片时，图片不会被视为文档的一部分，因此无法被搜索引擎抓取到。

3. 使用JavaScript插入图片

使用JavaScript可以动态地插入图片，例如：

var img = new Image();
img.src = "images/pic3.jpg";
document.body.appendChild(img);

这样就可以在页面中动态地插入一张图片。需要注意的是，使用JavaScript插入图片时，图片需要先加载完成才能显示，否则会出现空白的情况。