第3课HTML语言介绍(二 3.1课前指导 3.2课堂教学 3.3上机练习 3.4课后作业
3.1 课前指导 3.2 课堂教学 3.3 上机练习 3.4 课后作业 第3课 HTML语言介绍（二）
3.1课前指导一 列表(LIST)通常用于列举相关的信息条目,提 供一种有组织的易于浏览的阅览格式,以及用于描述 个分布的过程。 表格( TABLE)将文本和图片按行、列排列,它和 列表一样,有利于表达信息。值得注意的是,表格往 往在主页中用来建立主页的框架,使整个页面更规则 地放置图片和空白,并使条目清晰。 框架( FRAMES)是在同一浏览器窗口中显示多个 相互隔离的HTM页的结构,每个区域显示一个HTM文 件。利用框架结构可以在页面中同时浏览多个页面
3.1 课前指导 列表（LIST）通常用于列举相关的信息条目，提 供一种有组织的易于浏览的阅览格式，以及用于描述 一个分布的过程。 表格（TABLE）将文本和图片按行、列排列，它和 列表一样，有利于表达信息。值得注意的是，表格往 往在主页中用来建立主页的框架，使整个页面更规则 地放置图片和空白，并使条目清晰。 框架（FRAMES）是在同一浏览器窗口中显示多个 相互隔离的HTML页的结构，每个区域显示一个HTML文 件。利用框架结构可以在页面中同时浏览多个页面
2-课堂教学 3.2.1列表标记 3.2.2表格 3.2.3框架 3.2.4自动刷新页面
3.2 课堂教学 3.2.1 列表标记 3.2.2 表格 3.2.3 框架 3.2.4 自动刷新页面
3.2.列表标记 1.无序列表标记 2.菜单列表标记 3.有序列表标记 4.定义列表标记 5,列表的嵌套
3.2.1 列表标记 1. 无序列表标记 2. 菜单列表标记 3. 有序列表标记 4. 定义列表标记 5. 列表的嵌套
1.无序列表标记 无序列表中每一个表项的前面是项目符号(如● 等)。建立无序列表使用标记和灴Ⅰ>表项标记。 格式为: KUL type= 符号类型 第一个列表项 < LI type=符号类型2〉第二个列表项 。命 K/UL
1. 无序列表标记 无序列表中每一个表项的前面是项目符号（如●、 ■等）。建立无序列表使用标记和表项标记。 格式为： 第一个列表项 第二个列表项 …
说明 ①type属性指定每个表项左端的符号类型,取 值有:disc(实心圆点● circle(空心圆点○)、 square(方块■ ②在(U>后指定符号的样式,可设定直到; 在①LⅠ>后指定符号的样式,可以设置从该起直到 ③<>标记是单标记。即一个表项的开始,就 是前一个表项的结束。 从浏览器上看,无序列表的特点是,列表项目作 一为一个整体,与上下段文本间各有一行空白;表项向 右缩进并左对齐,每行前面有项目符号
说明： ① type属性指定每个表项左端的符号类型，取 值有：disc（实心圆点●）、circle（空心圆点○）、 square（方块■） ② 在后指定符号的样式，可设定直到； 在后指定符号的样式，可以设置从该起直到 。 ③ 标记是单标记。即一个表项的开始，就 是前一个表项的结束。 从浏览器上看，无序列表的特点是，列表项目作 为一个整体，与上下段文本间各有一行空白；表项向 右缩进并左对齐，每行前面有项目符号
【例3-1】无序列表应用示例 TITLE>无序列表 KBODY> 中国文学 /P> UL>中国古典文学 红楼梦 水浒传 LⅠ>西游记 UL type= circle>中国近现代文学 LI>阿Q正传 围城 LI>四世同堂 家.春.秋 编辑部的故事 K/HTML> 在浏览器中的显示效果
【例3-1】无序列表应用示例。 无序列表 中国文学 中国古典文学 红楼梦 三国演义 水浒传 西游记 中国近现代文学 阿Q正传 围城 四世同堂 家.春.秋 编辑部的故事 在浏览器中的显示效果
2.菜单列表标记 菜单列表比无序列表更紧凑,它往往用于列出几 个相关网页的索引,以便通过超链接来很快选取感兴 趣的内容。它用标记替代,并引入来 定义菜单列表的标题。格式为: MENU> LH菜单列表的标题 LI>第一个列表项 LⅠ>第二个列表项 LH>菜单列表的标题 第一个列表项 第二个列表项 K/MENU>
2. 菜单列表标记 菜单列表比无序列表更紧凑，它往往用于列出几 个相关网页的索引，以便通过超链接来很快选取感兴 趣的内容。它用标记替代，并引入来 定义菜单列表的标题。格式为： 菜单列表的标题 第一个列表项 第二个列表项 … 菜单列表的标题 第一个列表项 第二个列表项 …
在浏览器中显示时,除①H>定义的标题前没有项一 目符号外,其他与定义的列表项相同 【例32】在例3-1中使用菜单列表 KHTMLY HEAD>菜单列表HEAD> BODY P align= center>中国文学/P> MENI 中国古典文学红楼梦 LI type= square)三国演义 LI type=disc>水浒传 西游记 BR> LH中国近现代文学 阿Q正传 围城 四世同堂 LI>家.春.秋 编辑部的故事 /HTML> 在浏览器中的显示效果
在浏览器中显示时，除定义的标题前没有项 目符号外，其他与定义的列表项相同。 【例3-2】在例3-1中使用菜单列表。 菜单列表 中国文学 中国古典文学红楼梦 三国演义 水浒传 西游记 中国近现代文学 阿Q正传 围城 四世同堂 家.春.秋 编辑部的故事 在浏览器中的显示效果
3.有序列表标记 通过带序号的列表可以更清楚地表达信息的顺序 使用标记可以建立有序列表,表项的标记仍为 。格式为: OL type=符号类型 LI type=符号类型1>表项1 表项2 /OL 说明: ①属性type指定符号的类型见表3-1
3. 有序列表标记 通过带序号的列表可以更清楚地表达信息的顺序。 使用标记可以建立有序列表，表项的标记仍为 。格式为： 表项1 表项2 … 说明： ① 属性type指定符号的类型见表3-1