财经社区女性社区汽车社区军事社区文学社区社会社区娱乐社区游戏社区个人空间
上一主题:或嗔或痴都为你——2004-0102守... 下一主题:朋友们进来一下?
—— 从“HTML”谈网页制作(三)
[楼主] 作者:开心&乐乐  发表时间:2004/01/03 02:38
点击:240次

  一、处理图片

  <img src="?">放置一幅图片
  <img align="?">排列一幅图片

  在你将一幅图片放置在网页中之前,你需要知道该文件的名称以及文件存储在服务器上的哪个目录下,这样你就可以告诉浏览器到哪里去查找该幅图片了。

  储存图片的最方便的方法是将图片保存在与HTML网页文件同一个目录中,这样浏览器就可以自动寻找到图片。

  假设我们有一幅名为monkey.gif的图片,而该图片保存于"stuff"这个子目录中,并与你制作的HTML文档处于同一目录下,这时你应该输入下列代码:

  <img src="monkey.gif">

  这样你在浏览器中就可以看到一幅图片。

   二、排列图片
 

  使用排列图片标志符,我可以选择将图片放置在何处,例如,如果我想把图片居右,相应的代码是:
  <img align=right src="1.gif">

  这样这幅图片就会神奇般地显示在网页的右侧,就象下面这个样子:

  将图片放置在网页的正中则略显复杂,因为〈img align=center>标志符并不能在所有浏览器中产生正确的效果,因此如果你想将图片居中,首先需要把该段内容全部居中,方法是使用<p align=center>标志符,然后再添加图片连接。

  因此想把这只可爱的小猴放置在网页中间,你需要这样编写代码:

  <p align=center><img src="1.gif">

  这样图片就会永远位于网页中央了。


  三、图片边界 

  <img border=#>设置图片的边界大小
  对图片的边界大小控制也就是控制一个网页中图片的边缘显示有多宽,一般图片的边界只有当你把它做为一个链接时才会显示出来。不过你可以利用<img border=#>这个标志符来任意设置图片的边界,只需把"#"中的内容替换为从0至99的数字即可。

  另外,一般最常用的是你可以把图片边界的宽度设为0,即<img border=0>这样图片就不会显示边界了。


  例如,如果你想为网图片设置一个边界,可以这样做:

  <img border=5 src="1.gif">


  四节:图文混排
 

  <img align=left>将图片放置在网页左侧
  <img align=middle>将图片放置在网页中间

  <img align=right>将图片放置在网页右侧

  虽然网页中提供各种图片可以使网页显得更加漂亮,但有时你也需要在图片旁边添加一些文字说明。图文混排一般有几种方法,通过<img align>标志符来实现。对于初学者而言,你可以将图片放置在网页的左侧或右侧,然后将文字内容放置在图片旁边。

  图文混排的例子:<p><img align=right src="1.gif">我在BBS

  文字信息会与图片并排从右侧开始,具体显示的效果是,在图片的右侧出现: 我在BBS
 
  五、更多范例 

  也许有时你希望文字内容从图片上方开始,并包围整幅图片,这时你可以在HTML网页中编写下列代码:
  <P>我在BBS<img align=left src="1.gif">认识好多朋友

  这样,图片就会在网页左侧,具体显示效果如下:文图混例的样子 

(待续:下一节内容暂时保密)



※※※※※※
本帖地址:http://club.xilu.com/deichun/msgview-10363-39616.html[复制地址]
上一主题:或嗔或痴都为你——2004-0102守... 下一主题:朋友们进来一下?

精彩推荐>>

  简捷回复 [点此进入编辑器回帖页]  文明上网 理性发言
 推荐到西陆名言:
签  名:
作  者:
密  码:
游客来访 
注册用户 提 交
西陆网(www.xilu.com )版权所有 点击拥有西陆免费论坛  联系西陆小精灵

0.12814879417419