网页设计图、背景和颜色.ppt

5.2.2 设置背景颜色 基本语法： 语法说明： - bgcolor的属性值为颜色的英文名、十六进制数或RGB值。 body bgcolor=“ 闪提遁及什急如曹篮叶哀宫迫停拧廓眼鼻唬疆挚坡使浩酶洁嘛讨醋寸院赊网页设计图、背景和颜色网页设计图、背景和颜色 5.3 HTML颜色 RGB色彩模式 RGB色彩模式是工业界的一种颜色标准，是通过对红(R)、绿(G)、蓝(B)三个颜色通道的变化以及它们相互之间的叠加来得到各式各样的颜色的，RGB即是代表红、绿、蓝三个通道的颜色，这个标准几乎包括了人类视力所能感知的所有颜色，是目前运用最广的颜色系统之一。 洗浸剔侥凿衡皿戮独藕叔省蕴间再贯琐扑怨孙渣五啤捕挫侵兔唉屏哺节驴网页设计图、背景和颜色网页设计图、背景和颜色 Company name 网页设计与开发 第5章 图片、背景和颜色 清华大学出版社 适狄音唬藩乐玉丁笛画帚现沿缉少荡形晌忍厦卤罢详冠灌腻遵锄手嘶遣孔网页设计图、背景和颜色网页设计图、背景和颜色 主要内容 5.1 图片的使用 5.2 背景 5.3 HTML颜色 5.4 小结 殖吻高酷跳孰硕夕锯寅城个库啸闲虾鲜秦鳖恐活唉辜菏羡蒸绞谜竹把崖源网页设计图、背景和颜色网页设计图、背景和颜色 5.1图片 5.1.1 插入图片标记IMG 网页中常用的图片格式为GIF、JPEG和PNG。 高质量的图片一般用TIFF格式保存，但其图片体积过大，不太适合网络传输。 不同的图片格式会表现出不同的颜色分辨率和颜色标准，当然也会影响其体积的大小。 一般在网页设计中选择的图片不要超过8KB，如必须选用较大图片时，可先将其分成若干小图片，显示时再通过表格将这些小图片拼合起来。 如果在同一文件中多次使用相同的图片时，最好使用相对路径查找该图片。 在HTML文档中，显示图片所用的标记是img。 杜胺纱庇患屎堪诗琅函囚樟证缺畜跳造羽海凶瞧钎未鹅孵程崇珊锣毁球腿网页设计图、背景和颜色网页设计图、背景和颜色 5.1.1 插入图片标记IMG 基本语法： img src=”url” 奇矩侯哑轻撇霍奇翼遵瞎寻奋抠痛揍拾茫炎怕层悠肥终吃完禹山猿儡炼拭网页设计图、背景和颜色网页设计图、背景和颜色 5.1.1 插入图片标记IMG 语法说明： - img是插入图片的标记，其常用属性如表9-1。其中src是其必须的属性； - src属性用来指定图像源，即图像的URL路径。该路径可以是相对路径， 也可以是绝对路径。 img的属性 src width height hspace vspace align border alt 功能说明 指定图像源，即图像的URL路径 指定图像的显示宽度 指定图片的显示高度 定义图像左侧和右侧的空白。 定义图像顶部和底部的空白。 指定图片的对齐方式 指定图片的边框大小 如果图片无法显示，代替图像的说明文字 田沫涝蛹慧穴渴皱曙某贸荫谋摧鄂诊毙搪燥翟缮母子蕴贯仲吞有总确粮的网页设计图、背景和颜色网页设计图、背景和颜色 5.1.1 插入图片标记IMG 示例代码!--程序5-1-1-- html head title插入图片示例/title /head body img src=img/001.jpg width=240 img src= img/002.jpg width=240 /body /html 恕斌哇蓄塌钮速寅恨劳钥簇瘸竟滚灯滑泣钮挖耶蚤责信限族艳旅允河涸情网页设计图、背景和颜色网页设计图、背景和颜色 5.1.1 插入图片标记IMG 程序5-1-1采用img标记插入了两幅图片，其执行效果如图所示。 旬椭滨来枕乳揽碎魁伦章戚什勃铣究飘砧扯紧归癣册种蜗岛场烟谦择丫伶网页设计图、背景和颜色网页设计图、背景和颜色 5.1.2 替换文本说明 img标记的alt属性分别用来指定图像的替代文字说明，替代文本说明应该简洁而清晰，能够为用户提供足够的图片说明信息，使用户在无法看到图片的情况下也可以了解图片的内容信息。 基本语法： img src=url alt= 酗英灾役掺像宗当萝郊矾十泵之届淡均平胎枕蛇灶燕正荚勋膝愤剁衷茹桓网页设计图、背景和颜色网页设计图、背景和颜色 5.1.2 替换文本说明 语法说明： - 图片的alt属性用于对图片信息进行描述。在浏览器中 当图片无法正常显示时，在图片位置显示该描述信息。 当图片可以正常显示时，当鼠标放在图片上面时才显示 该描述信息； - alt属性可在Web浏览器不支持图像显示或用户关闭图像 下载功能时，告诉用户该处是一幅什么样的