在网页制作中怎么限制图片的大小

把放到img中，设置的宽和高属性，对于div做网页，div可以把网页内容结构组织起来，还需要结合css设置每个div的属性对页面各部分内容进行排版，需要系统学习divcss网页布局。

<td style="border: 1px solid #ccc; width:110px; height:100px; text-align:center;"><a href="ProductViewaspID=30"><img src="/Images/NoRightjpg" onload="javascript:DrawImage(this,110,100);" alt="" width="110" height="100" border="0" /></a></td>
</tr>
<tr>
<td style="height:30px; text-align:center;"><a href="ProductViewaspID=30" title="">a> </td>
</tr>
上面这些里的 width:110px;就是宽，height:100px;就是高
排列方式目前的是表格，可以用dreamweaver进行可视化编辑，比较容易些

可以使用css的background-size属性来调整背景的大小，比如：
background-size: 240px 180px
背景的宽为240像素，高为180像素
background-size: 50% 30%
背景的宽设为容器宽度的50%，高设为容器高度的30%
background-size: cover
把背景扩展至足够大，以使背景完全覆盖容器区域（背景的某些部分也许无法显示在容器区域中）
background-size: contain
把背景扩展至最大尺寸，以使其宽度和高度完全适应容器区域（容器的部分边角位置可能会留空）
需要注意的是，background-size是css3的属性，浏览器必须支持css3才能看到预期的效果。好在现在的主流浏览器都是支持css3的（如果你坚持用IE6那当我没说）

在网页制作中，有多种方式可以将调整为合适的大小：

一、使用CMS系统管理网站的内容页面：CMS管理网站的内容比较方便，进入后台，添加或者选中已有的页面标题，会出现类似如图的界面，其中椭圆形标记的是编辑控件，方形框就是图像上传按钮：

点击这个按钮后会有上传等 *** 作选项，如图：

在这个对话框里，有宽度、高度，可以直接设定图像的大小，右侧的小锁头图标是宽高比例锁定，也就是说，只要改变宽度或高度，整个图像就会按比例调整。因此，若是在一片文章里有多幅图像，建议将的宽或高度统一设置为640或320像素。

大多数CMS管理系统与此设置方法类似。

二、若不是通过CMS管理系统添加，则需要通过Dreamweaver或者其它网页编辑器（如记事本），使用代码和参数来控制每个的大小。具体代码为：<img src="/XXXjpg" width="50" height="50">

其中，“img”是图像元素标签，src是图像的源路径，这个路径可以是从其它网站的链接地址，也可以是本地服务器的地址，本例中的路径即等号后面的内容是本地服务器（或网站所在服务器的图像目录），注意：前引号后面的表示网站根目录，这个地址也可以为“/pic/XXXjpg”，“pic”是图像所在目录。后面的width和height是定义图像大小的两个参数，分别表示图像的宽带和高度，注意，引号是不能缺少的。

、首先我们电脑都有自带的一个画图软件， 把鼠标放到我们要调整尺寸的上右击，在出来的菜单中有一项是打开方式的选择。
2、在打开方式的选择项中，我们点击选择画图的方式。打开如下图所示。
3、在画图软件最上方图像选项卡上有一个重新调整大小选项。我们点击选择它。可以看到就蹦出来一个设置大小的对话框。
4、接下来我们就可以对大小来进行设置，可以看到它调整大小的依据有两种一种是百分比，一种是像素，而网站上尺寸要求一般都是以像素为主的。所以我们在进行调整的时候就选择像素依据。
5、选择像素之后就可以在其中输入自己想要的尺寸。但是这个时候你可能会发现，当你输入其中一个水平尺寸的时候，垂直尺寸自动就出来了，但它可能并不是你想要的。这是为什么呢，这是因为在修改尺寸的时候默认是保持了原来尺寸的一个纵横比。
6、这个时候我们就把保持纵横比这个勾选的选项取消掉，然后再按照自己的需求输入这个尺寸就可以了。设置完成以后点击确定就可以完成尺寸的修改，返回到画图软件保存就可以了。

---