在网页中插入图像的方法
一个网页中可以插入如Logo（网站标志）、Banner（横幅广告）、照片等各种图片，当浏览者浏览网页时，这些图片将会自动显示出来。合理的应用图片，可以让网页看起来更漂亮、重点更突出、形式更活泼、浏览更方便。在HTML里可以通过<IMG>元素来插入图片，其语法代码为：
![替代文本]( "在网页中插入图像的方法")
<IMG SRC="URL" ALT="替代文本" NAME="名字" WIDTH="宽度"
HEIGHT="高度" BORDER="边框” ALIGN="对齐方式" ID="编号"> |
<IMG>元素里的属性很多，上面代码里只包含了常用的8种，其说明如下：
![替代文本]( "在网页中插入图像的方法") SRC：用于指定图片所在位置，可以是相对路径或绝对路径。
ALT：指定用于替代图片的文本，当图片不能正常显示时，可以使用该文本替代图片。
WIDTH：指定图片的宽度。
HEIGHT：指定图片的高度。
BORDER：指定图片的边框大小。还属性的属性值越大，边框越粗。
ALIGN：用于设置图片的对齐方式。该属性有5个属性值：LEFT、RIGHT、TOP、MIDDLE和BOTTOM，其代表含义分别为左对齐、右对齐、顶部、中间和底部对齐方式。
NAME：图片的名称，很多时候可以省略。
ID：图片的编号，也可以省略。在同一个HTML文档里不允许出现相同的ID，但可以出现相同的NAME。 |
【示例1】下面的例子中分别设置了不同属性的图片。
![替代文本]( "在网页中插入图像的方法") <HTML>
<HEAD>
<TITLE>缩放图</TITLE>
</HEAD>
<BODY>
<P>
原图大小：<BR>
<IMG SRC="2.1.jpg" NAME="page1"
ID="page1">
</P>
<P>
缩小的图片：<BR>
<IMG SRC="2.1.jpg" WIDTH="100"
HEIGHT="75">
</P>
<P>
替代图片的文本：<BR>
<IMG SRC="2.2.jpg"
ALT="这是图片2.2.jpg">
</P>
<P>
设置图片边框为5像素：<BR>
<IMG SRC="2.1.jpg" BORDER="5px"
>
</P>
</BODY>
</HTML> |
示例1运行后效果如图1所示。
http://s16/mw690/76855271tda2026e4da6f&690
图1
在网页中插入图片运行结果
关键字：在网页中插入图像的方法
HTML＋CSS
<IMG>元素
加载中，请稍候......
加载中…
(2013-04-12 09:48:50)