任务一 HTML标注语言学习.doc

任务一 HTML标注语言学习 实训1 HTML标注语言入门及基本操作 【实训前的准备】 1．检查是否连接了Internet。 2．检查操作系统是否Windows 98/2000或Windows XP。 3．在除C：盘上（可以在D：盘、E盘、或其他逻辑盘）创建一个新文件夹，名字为student。 4．检查系统是否有：Word 2000、Dreamweaver、FrontPage、记事本等软件。 【实训目的要求】 1．了解HTML标注语言的运行环境。 2．熟悉HTML标注语言的编辑工具。 3．掌握HTML的基本结构。 4．学会HTML基本标签的使用方法。 【实训内容及操作步骤】 【操作一】 1．打开记事本软件。 2．输入以下内容： HTML HEAD META http-equiv=”Content-Type” content=”text/html;charset=gb3212” TITLEHTML入门实训/TITLE /HEAD BODY 这是最为基础的实训, 此正文是无格式显示的正文， 可以从运行结果看出来。 /BODY /HTML 3．将文件保存在D:\student\111.txt。（编辑修改用） 4．将文件保存在D:\student\111.html。（运行用） 5．运行111.html文件后得到的结果如图1.1所示。 图1.1 HTML入门实训运行结果 【操作二】 1．打开记事本软件。 2．输入以下内容： HTML HEAD META http-equiv=”Content-Type” ?content=”text/html;charset=gb3212” TITLE标题格式示例/TITLE /HEAD BODY H1一级标题H1，最大(网站建设)/H1 H2二级标题H2，粗体(网站建设)/H2 H3 align=”left”三级标题H3，左对齐(网站建设)/H3 H4 align=”center”四级标题H4，居中对齐(网站建设)/H4 H5 align=”right”五级标题H5，右对齐(网站建设)/H5 H6六级标题H6，最小(网站建设)/H6 /BODY /HTML 3．将文件保存在D:\student\112.txt。 4．将文件保存在D:\student\112.html。 5．运行112.html文件后得到的结果如图1.2所示。 图1.2 标题格式实训运行结果 【操作三】 1．打开记事本软件。 2．输入以下内容： HTML HEAD META http-equiv=”Content-Type” content=”text/html;charset=gb3212” TITLE逻辑风格字符示例/TITLE /HEAD BODY EM普通强调(电子商务网站建设)/EMBR STRONG特别强调(电子商务网站建设)/STRONGBR CITE引用文本(电子商务网站建设)/CITEBR DFN术语定义(电子商务网站建设)/DFNBR CODE代码格式：code formatting (电子商务网站建设)/CODEBR VAR变量格式：variable formatting (电子商务网站建设)/VARBR SAMP样本字符格式：literal characters (电子商务网站建设)/SAMPBR KBD键盘输入字符格式：Input characters (电子商务网站建设)/KBDBR /BODY /HTML 3．将文件保存在D:\student\113.txt。 4．将文件保存在D:\student\113.html。 5．运行113.html文件后得到的结果如图1.3所示。 图1.3 逻辑风格字符实训运行结果 【操作四】 1．打开记事本软件。 2．输入以下内容： HTML HEAD META http-equiv=Content-Type content=text/html;charset=gb3212 TITLE物理风格字符示例/TITLE /HEAD BODY B粗体显示/BBR I 此处为斜体文本/IBR BIG大字体显示BIG/BIGBR SMALL小字体显示 small/SMALLBR TT等宽字体显示/TTBR S 此处为使用了删除标签显示/SBR U下划线显示/UBR 此处为上标示例：xSUP3/SUP+ySUP4/SUPBR 此处为下标示例：HSUB2/SUBOBR ?/BODY /HTML ? 3．将文件保存在D:\student\114.txt。 4．将文件保存在D:\student\114.html。 5．运行114.html文件后得到的结果如图1.4所示。 图1.4 逻辑风格字符实训运行结果 【操作五】 1．打开记事本软件。 2．输入以下内容： html HEAD ME