论坛交流
首页办公自动化| 网页制作| 平面设计| 动画制作| 数据库开发| 程序设计| 全部视频教程
应用视频: Windows | Word2007 | Excel2007 | PowerPoint2007 | Dreamweaver 8 | Fireworks 8 | Flash 8 | Photoshop cs | CorelDraw 12
编程视频: C语言视频教程 | HTML | Div+Css布局 | Javascript | Access数据库 | Asp | Sql Server数据库Asp.net  | Flash AS
当前位置 > 文字教程 > div+css布局教程
Tag:css,入门,技巧,div,实例,示例,菜单,布局,web2.0,ul,li,经验,列表,web标准,xhtml,web标准,浏览器,兼容,css hack,表格,视频教程

{XHTML}HTML初级教程图像

文章类别:div+css布局 | 发表日期:2008-9-26 11:42:17

都是文本的话看起来让人感到乏味和无聊,自然,网页不应该仅仅是文本而已(呵呵,对于一些技术性的文档,我想,文本就已经严重足够了——译者注),它是多媒体的,最常见的形式就是图像。

图像标签img用来为HTML添加图像,像下面这样改进你的代码:

div css xhtml xml Example Source Code Example Source Code [www.21shipin.com]
<img src="http://www.yourdomain.com/logo.gif" width=\"88\" height=\"31\" alt=\"mysite logo\" />

src属性告诉浏览器图像的地址。就像a标签一样,它可以是绝对的,如示范所示,但更多时候它是相对的。比如,你拥有自己的图像且已经另存为alienpie.jpg放置在images文件夹下,代码可以这样写<img src="images/alienpie.jpg"...

长度属性width和高度属性height是必需的(Zeldman的“恶名昭著”的《Designing with Web Standards》(中文版《网站重构——应用Web标准进行设计》已经出版,推荐翻译者之一的闻名设计师ajie的网站网页设计师,你要是没有访问过,赶紧去,保准你收获不小!)中说,width和height不是必须的,这可以节省带宽。平时做网页我也不喜欢用这两个属性。——译者注),因为浏览器在下载过程中能够计算出图像占据的空间,否则浏览器可能会产生一个页面的跳跃,因为事先并不知道图像要占用多少空间,以致于破坏页面布局。

alt属性表示可替代的描述。这是为不能或者不选择图像显示的客户端着想(比如终端浏览器lynx,不能显示图片,但可显示alt中的文本。最坏的情况是,你写错了图片的文件名或者路径,即使在图形浏览器中图片显示不出,但仍可显示出alt中的文本,不会让访问者造成不必要的误解。什么情况下我们都推荐你,一定记得使用alt。——译者注)。在最新版本的HTML版本中,这是不可缺少的属性。

注重

div css xhtml xml Example Source Code Example Source Code [www.21shipin.com]
给网页创做图像虽然不是本站的主题,但我们还是有一些对你有用的东西要说。
经常被用到的图像格式是GIF和JPEG。他们都是压缩过的格式,有各自十分不同的用途。
GIF图像不超过256色,但可以保持原有图像的色彩。色数越低,图像文件就越小。
GIF应该用在有纯质颜色的图像上。
JPEG使用十分精确的算法来压缩图像,对原图像有些微的改变。压缩程度越低,图像文件越大,从而图像更清楚。
JPEG应该使用在要逼真描绘的诸如摄影的图像上。
网页设计初学者需要处理的文件可能就是图像文件了,忽视图像过大是初学者常犯的错误。网页下载应该尽可能快,想想看,一个使用少于7kb每秒的Modem联网的人要用多少时间来下载你的整个页面。
你必须在图像质量和图像文件大小之间作出选择。许多现代的图像处理软件答应用最佳方式压缩图像,但同样是一个冒险,或者产生错误。
译者有话说:显然,现在还没有谁推荐PNG格式的图像,可能只因为IE对其糟糕的支持。GIF到目前为止还没有解决专利问题,使用它还是得冒侵权之危险。PNG很有潜力,同样也具有透明能力,色数也不止GIF的可怜的256色而已,却具有JPEG的高清楚、高保真度,这也是我,以个人的立场向你推荐的原因。
请参考GIF还是PNG。


上一篇:{XHTML}HTML初级教程链接 人气:3147
下一篇:{XHTML}HTML初级教程标题h1~h6 人气:2837
视频教程列表
文章教程搜索
 
div+css推荐教程
div+css热门教程
看全部视频教程
购买方式/价格
购买视频教程: 咨询客服
tel:15972130058