网页制作 > HTML/Xhtml >
HTML网页图片标记
佚名
图像的宽度和高度属性WIDTH、HEIGHT
默认情况下，页面中图像的显示大小就是图片默认的宽度和高度，我们也可以手动更改图片的大小。但是我们建议使用专业的图像编辑软件对图像进行宽度和高度的调整。
图像的宽度和高度的单位可以是像素，也可以是百分比。如果你的显示器是800×600，那你的屏幕就相当于水平方向上有800个像素点的宽度，垂直方向上有600个像素点的宽度。因为网页主要是通过屏幕显示，所以建议编辑者使用像素作为单位。 文件范例：9-4.htm
通过<img>标记的width、height属性设定图片的大小。
01 <!-- ------------------------------ -->
02 <!-- 文件范例：9-4.htm -->
03 <!-- 文件说明：设定图片的大小 -->
04 <!-- ------------------------------ -->
05 <html>
06 <head>
07 <title>设定图片的大小</title>
08 </head>
09 <body>
10 <h1>主流的网页设计软件</h1>
11 <img src="9-1.JPG">
12 <img src="9-1.JPG" width=100 height=140>
13 目前，网页技术进入了一个新的阶段，现在的网页再也不是图片的堆积和枯燥无味的文本了，人们现在追求的是网页的动态效果和交互性。而Macromedia公司的网页设计三剑客软件Dreamweaver、Flash、Fireworks正是交互性网页设计的杰出代表，其最新版本mx 2004继承了前期版本的优点，进行了功能的进一步整合，非常适合于网页设计和网站建设的需要。<p>
14 </body>
15 </html> 文件说明
第11行设定了图片的大小为默认，第12行改变了图片的宽度和高度。
默认情况下，页面中图像的显示大小就是图片默认的宽度和高度，我们也可以手动更改图片的大小。但是我们建议使用专业的图像编辑软件对图像进行宽度和高度的调整。
-
基本语法
<img src="File＿name" width="value" height="value">
图像的宽度和高度的单位可以是像素，也可以是百分比。如果你的显示器是800×600，那你的屏幕就相当于水平方向上有800个像素点的宽度，垂直方向上有600个像素点的宽度。因为网页主要是通过屏幕显示，所以建议编辑者使用像素作为单位。 文件范例：9-4.htm
通过<img>标记的width、height属性设定图片的大小。
01 <!-- ------------------------------ -->
02 <!-- 文件范例：9-4.htm -->
03 <!-- 文件说明：设定图片的大小 -->
04 <!-- ------------------------------ -->
05 <html>
06 <head>
07 <title>设定图片的大小</title>
08 </head>
09 <body>
10 <h1>主流的网页设计软件</h1>
11 <img src="9-1.JPG">
12 <img src="9-1.JPG" width=100 height=140>
13 目前，网页技术进入了一个新的阶段，现在的网页再也不是图片的堆积和枯燥无味的文本了，人们现在追求的是网页的动态效果和交互性。而Macromedia公司的网页设计三剑客软件Dreamweaver、Flash、Fireworks正是交互性网页设计的杰出代表，其最新版本mx 2004继承了前期版本的优点，进行了功能的进一步整合，非常适合于网页设计和网站建设的需要。<p>
14 </body>
15 </html> 文件说明
第11行设定了图片的大小为默认，第12行改变了图片的宽度和高度。