登录模块加载中...
会员投稿 投稿指南 今天是:
打印本页 | 关闭窗口 | 双击滚屏 您的位置首页>>网页制作学习园地>>网页制作>>网页制作入门>>图象标签
图象标签
来源: ‖ 作者: ‖ 点击: ‖ 时间:12-09-14 14:11:08 ‖ 【 】‖ 我要投稿
        1. 使用方法本站特约模特儿

  2. 标签解释:目前常见的网页图形式有两种就是 GIF 及 JPG 两种格式。GIF 格式只有256色,不过色彩比较鲜艳干净漂亮,适合电脑美工图案。而 JPG 格式的图象是全彩色失真压缩,比较适合一大堆颜色的图片,如照片就较适合用JPG格式来表现。

  3. 使用范例:

基本用法 用法:
显示图片最基本的方法(就是不加任何属性啦!)其中 test.gif 就是图片的文件名。
原始代码 我是网页教学网模特儿!
显示结果 我是网页教学网模特儿!

长宽设定 用法:设图片的大小,其实不用设也可以,但是设置了更好,可以加快浏览速度,因为浏览器就不用在那边花时间算你的图片有多大啦!此外你也可以自己随意设定图片大小。
原始代码
显示结果

加上说明 用法:
鼠标移到图片上时,说明文字就会自动出现。此外,在图片未显示出来或显示不出来时,也会以这一段文字代替,让使用者知道这个未显示出来的图片究竟是干什么用的,web标准强烈建议大家加上这个说明。
原始代码 网页教学网移到图上看看。
显示结果 网页教学网移到图上看看。

图片位置 用法:
图片位置设定!可以靠左放:ALIGN=LEFT、靠上ALIGN=TOP、靠下ALIGN=BOTTOM、垂直置中ALIGN=MIDDLE,其中靠左放可以造成“文绕图”的效果。
原始代码 我往右边靠!
显示结果 我往右边靠!
原始代码 我往右边靠!
显示结果 我往左边靠!
原始代码 文字对齐我头顶!
显示结果 文字对齐我头顶!
原始代码 文字对齐我脚底!
显示结果 文字对齐我脚底!
原始代码 文字对齐我中间!
显示结果 文字对齐我中间!

边框设定 用法:
设定边框大小,通常都设成 0 感觉比较美观!因为內定的框框实在是不怎么漂亮....。尤其在加连接时,设边框简直就是...。
原始代码
显示结果

左右间距 用法:
离文字的水平距离,通常多少也设一点,以免靠文字太近,看起来才不会有太挤的感觉。
原始代码 左边的字右边的字
显示结果 左边的字右边的字

上下间距 用法:
离文字的垂直距离,通常多少也设一点,以免靠文字太近,看起来才不会有太挤的感觉。
原始代码 上面的字

下面的字
显示结果 上面的字

下面的字

  网页图象的重要概念

  1. 关于路径:现在我们来谈谈图片路径的事,路径不对,不管您的网页名称写的多正确也没用,因为浏览器无法寻找到你的路径去到该有的图片,所以,我们来看看该如何正确使用路径。有些人并不喜欢将网页及图片通通放在同一个目录下,比如说

|<< << < 1 2 > >> >>|
加入收藏:  加入收藏夹  | 发送给好友:  发送给好友
责任编辑:admin
  • 上一篇:字体标签
  • 下一篇:无
  • 相关文章列表
    请文明参与讨论,禁止漫骂攻击。  
    网友评论