网页设计第二课.pptVIP

网页设计基础 任课教师：杨扬 邮箱：yy@yxnu.net 电话* * 回顾 Html的特点：成对出现，head, body! p/p代表什么？ i/i代表什么？ 如何设置背景色？ * * 任课教师：杨扬 body元素及元素属性 body元素中有下列元素属性： background background属性标志HTML文档的背景图片。如：background=“images/bg.gif。 可以使用的图片格式为GIF，JPG Font标签 font标签 ，用于规定字体的大小和颜色！ html文件可以有7种字号，1号最小，7号最大。默认字号为3。可以用font size=字号设置默认字号。 设置文本的字号有两种办法，一种是设置绝对字号，font size=字号；另一种是设置文本的相对字号，font size=±n。用第2种方法时“+”号表示字体变大，“-”号表示字体变小,以默认字号为基准。 字体颜色 字体的颜色用font color=#指定，#可以是6位十六进制数，分别指定红、绿、蓝的值。也可以使用16种标准颜色，如表所示。 色 彩 名 十六进制值 色 彩 名 十六进制值 Aqua（水蓝色） #00FFFF Navy（藏青色） #000080 Black（黑色） #000000 Olive（茶青色） #808000 Blue（蓝色） #0000FF Purple（紫色） #800080 Fuchsia（樱桃色） #FF00FF Red（红色） #FF0000 Green（绿色） #808080 Silver（银色） #C0C0C0 Gray（灰色） #008000 Teal（茶色） #008080 Line（石灰色） #00FF00 White（白色） #FFFFFF Maroon（褐红色） #800000 Yellow（黄色） #FFFF00 字体其他设置 * * 字体类型用face属性表示， font face=“字体类型”指定，常用字体为：宋体、黑体、楷体等等。 （注意，不要与文本文档里的字体设置混淆!） 一些特殊的标记-非成对出现！ * * BR：它是换行标记，表示以后的内容移到下一行。它是单向标记，没有/BR！。（是否和p重复了？） IMG：它是图像标记。用来加载图像与GIF动画。在网页中加载GIF动画的方法与加载图像的方法一样。 SRC：它是依附于其他标记的一个属性，依附于IMG标记时，用来导入图像与GIF动画。其格式如下： IMG SRC=文件的目录与文件名 图片的插入 （1）调整图像大小：使用img标记中的height和width属性可以调整图像的大小。 height （决定图像的高）和width（决定图像的宽）的取值单位为像素。 通过img标记中的height和width属性调整图像，虽然可以改变图像在网页中的大小，但是调整过大会使图像严重失真。合理设置height和width属性，才能得到最好的显示效果。 （2）给图像加边框：使用img标记中的border属性可以给图像加边框。border的取值单位为像素，当它的取值为0或者不加border属性时，则没有边框。 扩展（相对、绝对） 字号设置中我们已经理解了相对字号、绝对字号的区别。在其他属性中，该项应用依然存在。 hr标记，在页面中建立一条水平线。起到划分页面版块的作用。hr标记中依然存在width属性，表示水平线的宽度。但在一些实际应用中，因为窗口的大小不同，直接用像素值表述存在显示灵活的缺陷。此时，使用相对数值表述将灵活得多(该类取值用百分数替代) img标记中height 和width属性的也可以使用相对值。（以屏幕窗口大小作为基准值！） * * 调整图像和文本的相对位置 在网页中，经常需要将图像和文本放在一起进行显示。使用IMG标记的ALIGN属性可以调整图像与文本的相对位置。使用IMG标记中的VSPACE和HSPACE属性可以调整图像与文本间的距离。VSPACE（图像与文本上下的距离）和HSPACE（图像与文本左右的距离）的单位均为像素。 img标记中的align属性用于调整图像与文字的对齐方式，主要含义如下所述: （1） align项缺省时：图像的底部与其他文本或图像的底部对齐。 （2） align =top：图像的顶部与其他文本或图像的顶部对齐。 （3） align =middle：图像的中间与其他文本或图像的中部对齐。 （4） align =bottom：图像的底部与其他文本或图像的底部对齐。 （5） align left：图像位于屏幕左边。 （6） align =right：图像位于屏幕右边。 添加