1． 了解 HTML 文档结构。

2． 熟练掌握 HTML 基本标记及属性。

3． 能够运用 HTML 制作简单的页面。

1． 硬件：计算机。操作系统： Windows；

2． 软件：HBuilder；

1、入门案例

实验步骤

1）新建html文档

2）设置网页标题

3）加入两个段落文本

吾生也有涯

而知也无涯

2、如何插入特殊字符

实验步骤

1）新建html文档

2）设置网页标题

3）加入五个段落标签和特殊符号标记

我是特殊字符空;格

我是特殊字符小于号;

我是特殊字符大于号;

我是版权符号©

我是注册商标®

3、标题标记的应用 

实验步骤

1）新建html文档

2）设置网页标题

3）加入段落标记、加入标签分割、加入到标签

我是普通的文本

4.标记的应用 

实验步骤

1）新建html文档

2）设置网页标题

3）添加文字用标签换行，添加标签并设置相应的属性

5.制作电影宣传效果

实验步骤

1）新建html文档

2）设置网页标题

3）添加标题标签使它居中，添加标签进行分割，添加图片放置右侧，添加文字用标签换行，最后用标签实现文字下划线效果

2013年2月10日 导演:周星驰 主演:黄渤;文章;舒淇;周秀娜;释行宇;罗志祥;何文辉;李尚正 片长:110分钟 类型:冒险;奇幻;喜剧 定价:5$;;4$

导演:陈正道 主演:黄渤/秦海璐/林志玲/高以翔 片长:104分钟 类型:爱情;剧情 定价:6$;;4$ 上映日期:02月12日

6.HTML 图文自由设计

实验步骤

1）新建html文档

2）设置网页标题

3）运用以上五个实验的综合步骤

青春是最美好的相遇

在威斯敏斯特教堂旁边，嘉立着一块墓碑，上面刻着一段非常著名的话:“当我年轻的时候， 我梦想改变这个世界;当我成熟以后，我发现我不能够改变这个世界，我将目光缩短了些， 决定只改变我的国家;当我进入暮年以后，我发现我不能够改变我们的国家，我的最后愿望仅仅是改变一下我的家庭， 但是，这也不可能。当我现在躺在床上，行将就木时，我突然意识到:如果一开始我仅仅去改变我自己，然后， 我可能改变我的家庭;在家人的帮助和鼓励下，我可能为国家做一些事情;然后，谁知道呢?我甚至可能改变这个世界。”

;;;;;;;;漫漫青春路，多少岔路口，青春蹉跎，机会错过。而我，庆幸遇上了传智播客。

;;;;;;;;敲完最后一行代码，走出办公室，站在曾经觉得特别高大上的落地窗前，看着倒影中的自己，虽说有点累，但感到特别充实， 许久没有过这种踏实和平静的感觉。我喜欢并珍惜作为女程序员的日子。这一切，都要感谢传智播客以及传智播客的每一位老师。

;;;;;;;;我庆幸在最美的年华 最渴望改变的时候遇到了传智播客，庆幸遇上了传智播客的老师，因为你们的专业和专注，才成就了我向往的IT梦， 才让我在青春的路上开满了理想的花。在此真心感谢传智播客的每一位老师，纵然时光荏苒，师恩永远铭记在心。

  通过本次实验，了解 HTML 文档结构，熟练掌握 HTML 基本标记及属性，能够运用 HTML 制作简单的页面。掌握了常用特殊字符标记、到标记的使用、图像的 src、width、height、border 等属性的应用和文本标记和图像标记的混合应用