设置图像、列表、多媒体解剖.ppt

授课教师：黄彩霞 E-MAIL：906037985@ 2.4.2 图像标记 图片是网页中不可缺少的元素，巧妙地在网页中使用图片可以为网页增色。 目前在网页中使用的图片格式主要有GIF和JPG两种。 GIF图像仅有256中颜色，但占用空间小，下载速度快，支持动画效果及背景色透明，适合于线条构成的，颜色种类比较少的图像。 JPG图像支持1670万种颜色，适合色彩比较细腻的图像(照片等)。 首选GIF格式。 2.4.2 图像标记 HTML语言用img/标记在网页中插入图片。 用法：img src=“图像文件路径”/ 计算机中的文件都是按照层次结构保存在一级一级的文件夹中的，这就好像是学校分为若干个年级，每个年级又分为若干个班级。 相对路径：即从自己的位置出发，依次说明到达目标文件的路径。 绝对路径：即先指明最高级的层次，然后依次向下说明到达目标文件的路径。 2.4.2 使用图像 文件路径：举例说明 2.4.2 使用图像 (1)如果图像文件在本网站内部，通常采用相对路径。 2.4.2 使用图像 (a)如果在f-01文件夹中的a.htm需要显示同一个文件夹中的cup.gif文件。 img src=“cup.gif / (b)如果在f-04文件夹中的02文件夹中的b.htm需要显示同一个文件夹中的cap.gif文件。 img src=“cap.gif / (c)如果在f-04文件夹中的c.htm需要显示02文件夹中的cap.gif文件。 img src=“02/cap.gif / (d)如果在f-04文件夹中的02文件夹中的b.htm需要显示01文件夹中的hat.gif文件。 img src=“../01/hat.gif / 2.4.2 使用图像 (e)如果在f-04文件夹中的02文件夹中的b.htm需要显示f-01文件夹中的cup.gif文件。 img src=“../../f-01/cup.gif / (f)如果在f-01文件夹中的a.htm需要显示f-04文件夹中的02文件夹中的cap.gif文件。 img src=“../f-04/02/cap.gif / 2.4.2 使用图像 (2)如果图像文件不在本网站内部，通常以“http://”开头来描述图像文件的路径。 img src= /img/baidu_sylogo1.gif / 2.4.2 图像标记 在HTML中可以设定图像的显示大小； 通常情况下按照原本的大小显示，也可以根据情况来设置大小。 利用width和height属性来设置其宽度和高度。 属性值可以是像素(绝对大小)或百分比(相对大小) 注意：即使图像按照原始尺寸显示，在HTML 中应指明图像的高度和宽度，这样会使网页的显示速度更快。 2.4.2 图像标记 由于一些原因，图像无法正常显示，可以通过设置替换文本来告诉浏览者图像的内容； 利用alt属性来设置图像的替换文本。 alt属性值有利于有哪些信誉好的足球投注网站引擎的优化(SEO)。 2.4.4 列表标记 利用文字列表可以使文字内容更加结构化和条理化，网页中常用的列表分为有序列表、无序列表和定义列表三种。 (1)建立有序列表 有序列表标记： ol li……/li li……/li li……/li …… /ol 有序列表使用一对标记ol…/ol，其中每一个列表项li…/li 2.4.4 列表标记 (2)建立无序列表 有序列表标记： ul type=“” li……/li li……/li li……/li …… /ul 有序列表使用一对标记ul…/ul，其中每一个列表项li…/li 2.4.4 列表标记 (3)列表之间的嵌套 ol li华东地区 ul li江苏部分/li li浙江部分/li /ul /li li华北地区 ul li北京部分/li li天津部分/li /ul /li /ol 2.4.4 列表标记 (4)定义列表 定义列表的语法格式如下： dl dt 名词1 /dt dd 解