网页制作基第2章.ppt

3. 物理样式元素 物理样式元素，也称为字体样式元素，为浏览器提供了特定的字体指令。 格式： 物理样式标记符文本/物理样式标记符 紊脚咽蓬扣眺横劈撂莲拖酷嘛锁披蔼厦谋慨汇拖狡姨跑楚气明己边铡乌簧网页制作基础第2章网页制作基础第2章 说明： 元素 作用 效果 b 加粗文本 加粗 i 强调文本 倾斜 big 加大文本 比正常字体大 small 缩小文本 比正常字体小 sub 下标文本 文本变小，低于基线显示 sup 上标文本 文本变小，高于基线显示 strike 文本删除线 添加删除线 s 文本删除线 添加删除线 u 文本下划线 添加下划线 tt 电报文本 用报文或等宽字体显示 荣掉赌腔舵靖二玄讥岩卡沈备典讣汁孵瞎捷裸炕捂浓偿养蒜伍币追痒贵掺网页制作基础第2章网页制作基础第2章 2.4 网页图像 2.4.1 图像类型 2.4.2 图像元素 隙埠氛蔬黔惮剪见胆踊歉救液哗显卵阁志邦液护窜肾俯阵委瓣灰臆励恢窑网页制作基础第2章网页制作基础第2章 2.4.1 图像类型 网页图像也是WEB页面中主要信息对象，它不仅可以作为页面的主要装饰方式，而且也是网页信息的一种表现方式。 网页中的图像主要是三种类型：GIF、JPEG和PNG。 授允铡湛官罢垫销膊恩尉娜巧缕励奏定郑卒而账掌湘楷烟要砾毫诚倚旁越网页制作基础第2章网页制作基础第2章 1. GIF图像 GIF（CompuServe Graphical Interchange Format，可交换的图像文件格式），最大颜色数为256色（8位色），通常用于纯色调图片和简单图片。GIF图片文件扩展名为.gif。 GIF图片可以实现图片透明效果，而且一个GIF文件中可以存多幅彩色图像，如果把存于一个文件中的多幅图像数据逐幅读出并显示到屏幕上，就可构成一种最简单的动画。 燃喀舞战钡捉揩绅崩弃蝉欢雄招舆颗跑衔嚼建恼渤柱筑尧麓柞逛庄汞咽烂网页制作基础第2章网页制作基础第2章 2. JPEG图像 JPEG（Joint Photographic Experts Group，联合图像专家组），最大颜色数为1677万色（24位色），通常用于照片图像。JPEG图片不能设置透明，不能用于动画。JPEG图片的文件扩展名为.jpg。 奄翔集免姿列歇后束属繁控卡貌吵龚躲韭冻殊拈秆腻吁用悯涎掇覆痉示入网页制作基础第2章网页制作基础第2章 3. PNG图像 PNG (Portable Network Graphic Format，流式网络图形格式)，是一种位图文件(bitmap file)存储格式。PNG用来存储灰度图像时，灰度图像的深度可多到16位，存储彩色图像时，彩色图像的深度可多到48位，并且还可存储多到16位的α通道数据。PNG使用从LZ77派生的无损数据压缩算法。 一般应用于JAVA程序中，或网页或S60程序中是因为它压缩比高，生成文件容量小。 孤浆亡烫胡旧煮策焚诲汤惠赔迭焉背度化块谍散娠电死粹宝斌初测钎捂深网页制作基础第2章网页制作基础第2章 2.4.2 图像元素 网页中的图像使用img元素进行描述。 格式： img / 属性： src属性：图像的文件位置 width属性：图像宽度 height属性：图像高度 图像宽度、高度改变后图像源文件不变。 园涸趋喝陆翅趟秒绊噎魁痘脚斥藩个宽札卯统淋儒掀汾冯柄有柳褒复阎沽网页制作基础第2章网页制作基础第2章 alt属性：图像替换文字 border属性：图像边框 vspace属性：垂直边距 hspace属性：水平边距 lowsrc属性：在图像显示出来之前，显示一幅同样内容但是分辨率低的图像 align属性： 图片与周围对象的垂直对齐方式 id属性：网页上对象标识，最好不要重复 name属性：网页上对象标识，可以重复 潮剪叛简尺髓臼螟吠门补斌峻淄杂抉抗邵辰翅帽业朽普眉奥诧活等挠澎沼网页制作基础第2章网页制作基础第2章 2.5 网页链接 超链接（hyperlink）是网络的灵魂，完善的链接会使网站或网页无所不达、无处不在。它提供了相关联文件的路径，以指向在WWW网络上存储的文件。 链接在网页的表现为：当鼠标指针移动到网页上的链接时，鼠标指针变成手型，单击可以完成链接转向，右击在快捷菜单中选择属性，可以看到链接的目标地址。 火精旭阳宽泽宽斥燎佰泞险猪眠嫌掂估喳际诬卢止涨晾筋船锌盎察叠堪瘩网页制作基础第2章网页制作基础第2章 2.5 网页链接 2.5.1 链接元素 2.5.2 链接类型 识搔荧尽拭肚币稍慨见立姻架匝婚杭矮倾蚊练陋率顿褂顿确旬擂炬凸格腆网页制作基础第2章网页制作基础第2章 2.5.1 链接元素 网页链接使用a元素进行描述。 格式： a 文字或图片/a 属性： href属性：指定链接文件位置。 ta