|
一、处理图片 <img src="?">放置一幅图片 在你将一幅图片放置在网页中之前,你需要知道该文件的名称以及文件存储在服务器上的哪个目录下,这样你就可以告诉浏览器到哪里去查找该幅图片了。 储存图片的最方便的方法是将图片保存在与HTML网页文件同一个目录中,这样浏览器就可以自动寻找到图片。 假设我们有一幅名为monkey.gif的图片,而该图片保存于"stuff"这个子目录中,并与你制作的HTML文档处于同一目录下,这时你应该输入下列代码: <img src="monkey.gif"> 这样你在浏览器中就可以看到一幅图片。 二、排列图片 使用排列图片标志符,我可以选择将图片放置在何处,例如,如果我想把图片居右,相应的代码是: 这样这幅图片就会神奇般地显示在网页的右侧,就象下面这个样子: 将图片放置在网页的正中则略显复杂,因为〈img align=center>标志符并不能在所有浏览器中产生正确的效果,因此如果你想将图片居中,首先需要把该段内容全部居中,方法是使用<p align=center>标志符,然后再添加图片连接。 因此想把这只可爱的小猴放置在网页中间,你需要这样编写代码: <p align=center><img src="1.gif"> 这样图片就会永远位于网页中央了。
<img border=#>设置图片的边界大小 另外,一般最常用的是你可以把图片边界的宽度设为0,即<img border=0>这样图片就不会显示边界了。
<img border=5 src="1.gif">
<img align=left>将图片放置在网页左侧 <img align=right>将图片放置在网页右侧 虽然网页中提供各种图片可以使网页显得更加漂亮,但有时你也需要在图片旁边添加一些文字说明。图文混排一般有几种方法,通过<img align>标志符来实现。对于初学者而言,你可以将图片放置在网页的左侧或右侧,然后将文字内容放置在图片旁边。 图文混排的例子:<p><img align=right src="1.gif">我在BBS 文字信息会与图片并排从右侧开始,具体显示的效果是,在图片的右侧出现: 我在BBS 也许有时你希望文字内容从图片上方开始,并包围整幅图片,这时你可以在HTML网页中编写下列代码: 这样,图片就会在网页左侧,具体显示效果如下:文图混例的样子 (待续:下一节内容暂时保密) ※※※※※※ |