Chinaunix首页 | 论坛 | 博客
  • 博客访问: 1075499
  • 博文数量: 155
  • 博客积分: 2525
  • 博客等级: 大尉
  • 技术积分: 2242
  • 用 户 组: 普通用户
  • 注册时间: 2011-05-05 20:52
文章分类

全部博文(155)

文章存档

2013年(1)

2012年(149)

2011年(5)

分类: 系统运维

2012-05-24 15:54:45


这个 Tag 可以在HTML里面插入图片。最基本的语法如下:

url表示图片的路径和文件名。比如 url 可以是 images/logo/blabla_logo01.gif,也可以是个相对路径 "../images/logo/blabla_logo01.gif"

示例

站长网 站长学院Logo图片:

图片alt属性

中有一个alt属性,英文叫alternate text。例句如下:

smile
face

假使浏览器没有载入图片的功能,浏览器就会转而显示Alt属性的值。

其实,现在大多数浏览器都支持图片载入。在此介绍Alt属性,是因为它的另外一个重要功能。目前搜索引擎抓取工具无法识别图像中所含的文字,所以用ALT属性写上图片的说明,便于搜索引擎抓取你网页的内容。

示例

将鼠标停留在图片上,你可以看到Alt属性里写的内容。

</span><span style=站长网 站长学院的Logo标志" >

</span><span style=芙蓉姐姐照片:红配绿一台戏" >

图片align属性

align属性,可以改变图片的垂直(居上、居中、居下)对齐方式和水平对齐方式(居左、居中、居右)

示例

图片的上下对齐方式:

对齐方式:top

对齐方式:middle

对齐方式:bottom

图片的左右对齐方式:

对齐方式:left

对齐方式:center

对齐方式:right

图片的大小

在缺省状况下,图片显示原有的大小。你可以用heightwidth属性改变图片的大小。不过图片的大小一旦被改变,图片会相应放大或缩小,显示出来的结果可能会很难看。

示例

你可以使用HeightWidth属性来改变图片的大小。

建议

图片相对文字,所占的字节数较多,比如一个全屏的图片,即使经过压缩,也要占去大约50k字节,这相当于25000字的文本。因此浏览器载入图片比较费时,建议一个HTML文件里不要包含过多的图片,否则会影响你的网页显示速度。

更多示例

背景图片

这个示例演示如何将一个图片作为HTML网页的背景图片。

这个网页有背景图片哦!

如果图片比页面小,图片会自动重复。

将一个图片作为一个超链接

这个示例演示了如何将一个图片作为一个超链接,即点击一个图片,可以连接到其它文件

你可以将一张图片作为一个链接,点击这个图片。

HTML的图片背景

HTML 有两个关于背景的属性,一个是 bgcolor,是设置背景颜色的;另一个是 background,是设置背景图片的。

bgcolor属性

bgcolor属性用来设置HTML网页的背景颜色。

看,这个页面是黄色的。

background属性

background属性用来设置HTML网页的背景图片。background属性值就是背景图片的路径和文件名,如:

如果背景图片小于网页显示窗口,那么这个背景图片会自动重复。

示例

这个网页有背景图片哦!

如果图片比页面小,图片会自动重复。

建议

bgcolorbackground这两个的属性,在新的HTML标准(HTML 4 and XHTML)里已不建议使用,而建议用CSS设置背景颜色和图片。

为保证浏览器载入网页的速度,建议尽量不要使用字节过大的图片作为背景图片。

阅读(1126) | 评论(0) | 转发(1) |
给主人留下些什么吧!~~