![](https://cos-cdn.shuashuati.com/pipixue-web/2020-1231-2005-12/ti_inject-812ce.png)
【案例 1-1 】 制作一个如下图所示的html5页面,具体要求参看 实现步骤 1-1 案例效果 一 入门案例 1、 考核知识点 HTML5 文档的建立, HTML5 文档的基本结构 HTML5 文档头部练习 HTML5 文档基本格式 2、 练习目标 Ø 掌握建立 HTML5 文档的方法 Ø 掌握为 HTML5 文档加注释的方法 Ø 掌握
标记的应用。 Ø 熟练掌握定义页面元素信息标记 <meta/> 的使用:设置网页关键字,设置网页描述及设置字符集和设置页面自动刷新与跳转 Ø 初步了解 HTML5 文档基本格式 。 Ø 能够运用 HTML5 文档基本格式制作简单的页面 。 3、 案例分析 1) 具体实现步骤如下: 1. 创建一个自己的站点(即 文件夹 ),站点以自己的 学生姓名实验几 命名,并将已经建好的文件到文件夹中。(以后的实验,都应该先建文件夹) 2. 新建 HTML5 文档,文档名为 : sy 总实验序号 - 本实验题号 。在 <body></body> 标记中写入相关内容,应该为本人个人信息,保存页面并用浏览器进行浏览。 3. 接上面的文件继续下面的实验, a) 为 <!DOCTYPE> 标记,加注释:说明当前文档使用标准规 b) 为 <head></head> 标记,加注释,分别为:定义 HTML 文档的头部信息和头部结束 c) 为 <body></body> 标记的 <body> 加注释:定义 HTML 文档所要显示的内容,也称为主体标记 4. 接上面的文件继续下面的实验 a) 在 <title> 标记中添加网页标题。(标题为:某某的第一个网页,这个例外,其它的实验按整体要求来) b) 添加新的
标记, 设置网页关键字,内容为:个人信息 c) 添加新的
标记, 设置网页 3 秒后自动刷新,并跳转到:辽东学院( http://www.elnu.edu.cn/ ) 5. 接上面的文件继续下面的实验 a) 在 标记中添加两个段落,是否可以大小写不同呢?请实验证明,观察页面变化。 二 标题标记的应用 1、 考核知识点 HTML 标记、标记的属性 2、 练习目标 Ø 掌握
标记及其属性的应用。 Ø 熟练掌握
到
标记的使用。 1) 具体实现步骤如下所示: a) 首先在 Dreamweaver 中添加一格式文本作为参照文本。 b) 添加水平线,并为水平线设置颜色、宽高、左对齐属性。 c) 依次添加标题标记
、
、
、
样式文本。 本题上交内容: 1. 源程序代码,复制、粘贴到答案栏中。 2. 源页面浏览的截图,以 图片 的形式上交到答案栏,注意截图时,要包括 标题栏 。