图片是网页制作的重要资源,没有图片的渲染和表示,网页将变的单调。那么如果在网页中插入图片呢?请往下看。
工具/原料
电脑一台
txt文档或者DW
一张或数张图片
一.插入图片
1、首先,通过TXT文档,创建一个网页的基本框架。也就是html、head、body。当然,用dw创建一个网页文档,会自动写入这些代码。这里,小编使用的是dw.
![HTML网页制作:[1]插入图片](https://exp-picture.cdn.bcebos.com/ab966c6b0ce265e77de4f2cb9f23beb9773eb742.jpg)
4、那么如何插入图片呢?非常简单,插入图片的标记值有一个:“img”标记!请在body中加入如下一行:<img src="./test.jpg">由src指示图片的位置
![HTML网页制作:[1]插入图片](https://exp-picture.cdn.bcebos.com/cfa9ae04541bd10fabcd9b29ba0e1799e82aa742.jpg)
二.如何更改图片大小、添加边框等
1、如果感觉插入的图片太大,想更改图片的尺沌纟釜变寸?输入如下代码:<img src="./test.jpg" width="50" height="50">width表示宽度height表示高度
![HTML网页制作:[1]插入图片](https://exp-picture.cdn.bcebos.com/07c98f2ca5cadce8fba3964ffcf7980e5e209542.jpg)
3、那如果想给图片加上边框呢?输入以下代码:<img src="./test.jpg" border="5">border为边框的宽度,默认为黑色
![HTML网页制作:[1]插入图片](https://exp-picture.cdn.bcebos.com/2184380f8835dd8a2035d3b403013870d4418742.jpg)
5、网页中插入图片很简单,但是使用起来很复杂,不仅涉及到排版,还有颜色搭配、盒子模型等等。