怎样在网页里插入图片_IT百科

1、在代码中经常用到的插入图片代码是img属性，格式就是<img src="" alt=""> src后面是添加图片的地址，后面的alt是对图片的描述。

2、在插入图片前，要将html文件和图片文件放在一个文件夹内，这里的img文件夹就是专门存放图片的地方。

3、然后回到代码栏，在src中输入链接地址img/pic_01.jpg，要将图片的具体地址和名称全部写全才可以在网页中看到，否则就会显示连接失败错误而无法观看到图片。

4、将文件保存后，在浏览器中我么就可以看到此刻的图片被添加进来了，位于网页的左上角位置。

5、如果想要移动图片的所在位置，就需要先对其包装一下，用一个盒子将其包裹，然后调整盒子的位置就相当于移动的是图片的位置了。

6、如图，之前设置的盒子距离顶部100px.然后距离左侧100px，这样就将盒子挤到了现在所在的位置，如图所示。

1、上传图片。

有很多免费的图片寄存服务网站，如Picasa网络相册、Imgur网站、Flickr相册或相桶网站等等。如果你想要使用其它网站上的照片，请先询问该网站的创建者，在获得授权后方可使用。如果创建者同意的话，先下载图片，然后再上传到图片寄存网站。

2、打开需要添加图片的网页文档。

如果你想要在论坛中插入一张图片，可以在帖子中直接输入。许多论坛并没有使用HTML来编辑网页，而是使用一种自定义的系统来进行编写。如果方法不适用，请向其它论坛高手寻求帮助。

3、以img标签来开头。

在网页的主体部分（即HTML的<body>部分）找到你想要插入图片的位置。在这里写下<img>标签。这是一个空标签，创建的是被引用图像的占位空间。同时在HTML中，<img>标签是没有结束标签的。您需要将插入的图片放在两个尖括号之中。

4、找到图片的URL地址。

访问存放图片的网页。右键点击图片（Mac电脑中自动点选），然后选择“复制图片网址”。你也可以点击“查看图片”，来在新标签页中单独浏览图片。然后再复制地址栏里的URL地址。

5、将URL地址放到“src”属性中。

正如你所知道的那样，HTML属性通过标签来修饰元素，为HTML元素提供附加信息。src?属性是“来源”的缩写，会告诉浏览器去哪里能查找到图片。写下src=""，将图片的URL地址粘贴到引号之中。

6、添加“alt”属性。

从技术层面讲，你的HTML文件已经具备了显示图片的所有元素了。不过，最好添加上alt属性，这会在图片加载失败时以文字形式来显示图片内容。

7、保存更改。

将HTML文件保存到你的网站。访问你刚刚编辑好的页面，如果你已经打开了网页，请再次刷新一下。此时你应该能看到添加的图片了。

在网页标题栏中插入图片图标步骤如下：

1、打开DW并新建一个html页面。

2、在head标签中输入【<link rel="icon" type="image/x-icon" href="#" />】，在井号位置按一下空格，选择【浏览】按钮。

3、在本地找到你刚才设计保存的图标，并点击【打开】。

4、这样图标地址就输入完成了，我们可以再把title名字修改成你的网站名称，如【百度经验】，保存后刷新网页可以看到我们网页的标题和图标都制作好。

欢迎分享，转载请注明来源：内存溢出

怎样在网页里插入图片