第6章 列表与框架,学习目标：用CSS设置列表灵活使用内联框架,2010网页设计与制作,第6章,2,6.1 列表,2010网页设计与制作,第6章,3,6.1.1 有、无序列表的基本格式,有序列表基本格式：列表项1列表项2列表项n,无序列表基本格式：列表项1列表项2列表项n,2010网页设计与制作,第6章,4,6.1.2有、无序列表的标记属性,2010网页设计与制作,第6章,5,6.1.3 定义列表,基本格式：定义项1定义描述1定义项2定义描述2定义项n定义描述n,2010网页设计与制作,第6章,6,6.1.4 列表的嵌套,格式举例：列表项1列表项1列表项2列表项n列表项n,2010网页设计与制作,第6章,7,6.1.5 CSS中的列表属性,2010网页设计与制作,第6章,8,6.1.6 list-style-type属性取值1,2010网页设计与制作,第6章,9,6.1.6 list-style-type属性取值2,2010网页设计与制作,第6章,10,6.2 框架,通过使用框架，你可以在同一个浏览器窗口中显示不止一个页面。每份HTML文档称为一个框架，并且每个框架都独立于其他的框架。 框架结构标记框架结构标签（）定义如何将窗口分割为框架 每个 frameset 定义了一系列行或列 rows/columns 的值规定了每行或每列占据屏幕的面积框架标签frame 标签定义了放置在每个框架中的 HTML 文档。,2010网页设计与制作,第6章,11,6.2.1 框架的一般格式,Your browser does not handle frames!,2010网页设计与制作,第6章,12,6.2.2 框架结构标记,框架结构标记：，这是双标记。frameset定义如何将窗口分割为框架。每个 frameset 定义了一系列行或列。,2010网页设计与制作,第6章,13,6.2.3 框架标记,框架标记是单标记。frame定义了放置在每个框架中的HTML文档。,2010网页设计与制作,第6章,14,6.2.4 内联框架标记,用于创建内联框架（即行内框架）。,2010网页设计与制作,第6章,15,6.2.5 注意事项,noframes标记是双标记。可为那些不支持框架的浏览器显示文本。如果浏览器能处理框架，就不会显示出noframes中的文本。noframes必须位于 frameset之内。使用框架的弊端：开发人员必须同时跟踪更多的HTML文档 很难打印整张页面,