教案 讲授章节 第4章列表 授课时数2学时 教学目的： 掌握HTML5列表 教学内容（讲授提纲） 4HTML5列表 标答 描述 有序列表 <ul> 无序列表 <li 列表项 <db 定义列表 <dt> 定义列表项目 <dd> 定义列表项目描述 4.1无序列表 无序列表是一个项目的列表，每个项目默认使用粗体圆点进行标记。无序列表 用<标签定义，每个列表项用<>定义，列表项内容可以使用段落、换行符、 图片、连接以及其他列表等等。 4.2有序列表 有序列表也是项目，列表项目使用数字进行标记。有序列表用<小标签定义，每 个列表项用<>定义。 4.3定义列表 定义列表是项目及其注释的组合，定义列表以<>标签开始，每个定义列表项以 <dt>开始，每个定义列表项的描述以<dd>开始，定义列表的列表项内部可以使 用段落、换行符、图片、连接以及其他列表等等
教 案 讲授章节 第 4 章列表 授课时数 2 学时 教学目的： 掌握 HTML5 列表 教 学 内 容（讲授提纲） 4 HTML5 列表 标签 描述 <ol> 有序列表 <ul> 无序列表 <li> 列表项 <dl> 定义列表 <dt> 定义列表项目 <dd> 定义列表项目描述 4.1 无序列表 无序列表是一个项目的列表，每个项目默认使用粗体圆点进行标记。无序列表 用<ul>标签定义，每个列表项用<li>定义，列表项内容可以使用段落、换行符、 图片、连接以及其他列表等等。 4.2 有序列表 有序列表也是项目，列表项目使用数字进行标记。有序列表用<ol>标签定义，每 个列表项用<li>定义。 4.3 定义列表 定义列表是项目及其注释的组合，定义列表以<dl>标签开始，每个定义列表项以 <dt>开始，每个定义列表项的描述以<dd>开始，定义列表的列表项内部可以使 用段落、换行符、图片、连接以及其他列表等等
本章节的教学重点、难点： 重点：HTML5列表 教学方法、教学手段： 主讲，边演边练，讨论互动。 作业、讨论题、思考题： L.<div>和<span>有什么区别？ 2.常见的页面内容结构是什么？给出标签表示。 参考资料： 储久良.Web前端开发技术一一HTM5、CSS3、JavaScript(第3版)
本章节的教学重点、难点： 重点：HTML5 列表 教学方法、教学手段： 主讲，边演边练，讨论互动。 作业、讨论题、思考题： 1. <div>和<span>有什么区别？ 2. 常见的页面内容结构是什么？给出标签表示。 参考资料： 储久良. Web 前端开发技术——HTML5、CSS3、JavaScript（第 3 版）
教案 讲授章节 第5章超链接与浮动框架 授课时数2学时 教学目的： 掌握超链接及其属性的使用 熟悉常用字符集及颜色表示 教学内容（讲授提纲） 5.1<a>标签 a是错(anchor)的缩写，HTML5使用<a>标签实现信息节点与目标的超连接，连接目标可 以是另一个网页，也可以是相同网页上的不同位置，还可以是图片、电子邮件地址、文件或 者应用程序。 5.1.1href属性 <a>用来创建连接，hr©f属性指定需要连接文档的目标位置，开始标签和结束标签之间的文本 或图像被作为超连接来显示。 连接是否正确与hr©f属性值有关，href属性定义了连接目标的文档路径。文档路径类型 一共有二种：绝对路径和相对路径，其中相对路径又分为根相对路径和文档相对路径。 如果要连接的文档在站点之外，必须使用绝对路径。 5.1.2 target属性 被链接页面通常显示在当前浏览器窗口中，若使用了target属性，值为“blak”,可以在新 的窗口中打开。 5.1.3id属性 通过使用d属性，可以创建一个网页内部的书签，当使用书签时，可以创建直接跳至页面 中书签指定位置的连接，这样使用者就无需不停的滚动页面来寻找需要的信息，这种用于 标记文档内部指定位置目标的方式也称为“锚”。 5.2HTML5字符集与颜色 5.2.1HTML5字符集 要正确地显示HTML5页面，浏览器必须知道使用何种字符集。 由于IS0字符集有容量限 ,而且不兼容多语言环境，Unicode联盟开发了Unicode标准， Unicode标准涵盖了世界上的所有字符、标点和符号，最常用的编码方式是UTF-8和UT正-l6 UTF-8是网页和电子邮件的首选编码。 5.2.2HTML5字符实体 S08859.1大部分字符都有名称，学符名称有两种表示方式：字符名称和字符编县，学 符名称由名称及一个分号()组成， 名称对大小 敏感：字符编号由#、 编号（十进制数 及一个分号()组成，如果编号是十六进制数，需要在十六进制数字前加“x”。 通过字符名称和字符编号引用的字符称为字符实体，字符实体表示需要在字符名称和字符编
教 案 讲授章节 第 5 章超链接与浮动框架 授课时数 2 学时 教学目的： 掌握超链接及其属性的使用 熟悉常用字符集及颜色表示 教 学 内 容（讲授提纲） 5.1 <a>标签 a 是锚（anchor）的缩写，HTML5 使用<a>标签实现信息节点与目标的超连接，连接目标可 以是另一个网页，也可以是相同网页上的不同位置，还可以是图片、电子邮件地址、文件或 者应用程序。 5.1.1 href 属性 <a>用来创建连接，href 属性指定需要连接文档的目标位置，开始标签和结束标签之间的文本 或图像被作为超连接来显示。 连接是否正确与 href 属性值有关，href 属性定义了连接目标的文档路径。文档路径类型 一共有二种：绝对路径和相对路径，其中相对路径又分为根相对路径和文档相对路径。 如果要连接的文档在站点之外，必须使用绝对路径。 5.1.2 target 属性 被链接页面通常显示在当前浏览器窗口中，若使用了 target 属性，值为“_blank”，可以在新 的窗口中打开。 5.1.3 id 属性 通过使用 id 属性，可以创建一个网页内部的书签，当使用书签时，可以创建直接跳至页面 中书签指定位置的连接，这样使用者就无需不停的滚动页面来寻找需要的信息，这种用于 标记文档内部指定位置目标的方式也称为“锚”。 5.2 HTML5 字符集与颜色 5.2.1 HTML5 字符集 要正确地显示 HTML5 页面，浏览器必须知道使用何种字符集。 由于 ISO 字符集有容量限制，而且不兼容多语言环境，Unicode 联盟开发了 Unicode 标准， Unicode 标准涵盖了世界上的所有字符、标点和符号，最常用的编码方式是 UTF-8 和 UTF-16， UTF-8 是网页和电子邮件的首选编码。 5.2.2 HTML5 字符实体 ISO-8859-1 大部分字符都有名称，字符名称有两种表示方式：字符名称和字符编号，字 符名称由名称及一个分号（;）组成，名称对大小写敏感；字符编号由#、编号（十进制数） 及一个分号（;）组成，如果编号是十六进制数，需要在十六进制数字前加“x”。 通过字符名称和字符编号引用的字符称为字符实体，字符实体表示需要在字符名称和字符编
号前加和号（及）。 5.2.3HTML5颜色 颜色由红色、绿色、蓝色混合面成。颜色值由一个号和六位十六进制数表示，大位十六进制 数由红色、绿色和蓝色的值组成(RGB),每种颜色的最小值是O0(十进制0)，最大值是FF (十讲制255)。 5.34HTML5颜色名 有16种颜色名被W3C的HTM5标准所支持。它们是：aqua、black、blue、fuchsia、gray green、lime、maroon、nay、olive、purple、red、silver、teal、white、yellow. 本章节的教学重点、难点： 重点：超链接及其属性的使用、常用字符集及颜色表示。 难点：超链接链接。 教学方法、教学手段： 主讲，边演边练，讨论互动。 作业、讨论题、思考题： 1.如何提供一个下载文件的链接？ 2.为什么要用字符实体的方式引用字符？ 3.HTML5如何处理文档中的连续多个白空符？ 参考资料： 储久良.Web前端开发技术一一HTML5、CSS3、JavaScript(第3版)
号前加和号（&）。 5.2.3 HTML5 颜色 颜色由红色、绿色、蓝色混合而成。颜色值由一个#号和六位十六进制数表示，六位十六进制 数由红色、绿色和蓝色的值组成（RGB），每种颜色的最小值是 00（十进制 0），最大值是 FF （十进制 255）。 5.3.4 HTML5 颜色名 有 16 种颜色名被 W3C 的 HTML5 标准所支持。它们是：aqua、black、blue、fuchsia、gray、 green、lime、maroon、navy、olive、purple、red、silver、teal、white、yellow。 本章节的教学重点、难点： 重点：超链接及其属性的使用、常用字符集及颜色表示。 难点：超链接链接。 教学方法、教学手段： 主讲，边演边练，讨论互动。 作业、讨论题、思考题： 1. 如何提供一个下载文件的链接？ 2. 为什么要用字符实体的方式引用字符？ 3. HTML5 如何处理文档中的连续多个白空符？ 参考资料： 储久良. Web 前端开发技术——HTML5、CSS3、JavaScript（第 3 版）