- 194.00 KB
- 2022-08-23 发布
- 1、本文档由用户上传,淘文库整理发布,可阅读全部内容。
- 2、本文档内容版权归属内容提供方,所产生的收益全部归内容提供方所有。如果您对本文有版权争议,请立即联系网站客服。
- 3、本文档由用户上传,本站不保证质量和数量令人满意,可能有诸多瑕疵,付费之前,请仔细阅读内容确认后进行付费下载。
- 网站客服QQ:403074932
任务一HTML标注语言学习实训1HTML标注语言入门及基本操作【实训前的准备】1.检查是否连接了Internet。2.检查操作系统是否Windows98/2000或WindowsXP。3.在除C:盘上(可以在D:盘、E盘、或其他逻辑盘)创建一个新文件夹,名字为student。4.检查系统是否有:Word2000、Dreamweaver、FrontPage、记事本等软件。【实训目的要求】1.了解HTML标注语言的运行环境。2.熟悉HTML标注语言的编辑工具。3.掌握HTML的基本结构。4.学会HTML基本标签的使用方法。【实训内容及操作步骤】【操作一】1.打开记事本软件。2.输入以下内容:HTML入门实训 这是最为基础的实训,此正文是无格式显示的正文,可以从运行结果看出来。3.将文件保存在D:\student\111.txt。(编辑修改用)4.将文件保存在D:\student\111.html。(运行用)5.运行111.html文件后得到的结果如图1.1所示。\n图1.1HTML入门实训运行结果【操作二】1.打开记事本软件。2.输入以下内容:标题格式示例 三级标题H3,左对齐(网站建设)四级标题H4,居中对齐(网站建设)五级标题H5,右对齐(网站建设)逻辑风格字符示例 普通强调(电子商务网站建设)
特别强调(电子商务网站建设)
引用文本(电子商务网站建设)
术语定义(电子商务网站建设)
变量格式:"variableformatting"(电子商务网站建设)
样本字符格式:"literalcharacters"(电子商务网站建设)
键盘输入字符格式:"Inputcharacters"(电子商务网站建设)
3.将文件保存在D:\student\113.txt。\n4.将文件保存在D:\student\113.html。5.运行113.html文件后得到的结果如图1.3所示。图1.3逻辑风格字符实训运行结果【操作四】1.打开记事本软件。2.输入以下内容:物理风格字符示例 粗体显示
此处为斜体文本
大字体显示BIG
小字体显示small
等宽字体显示
此处为使用了删除标签显示
下划线显示
此处为上标示例:x3+y4
此处为下标示例:H2O
3.将文件保存在D:\student\114.txt。4.将文件保存在D:\student\114.html。5.运行114.html文件后得到的结果如图1.4所示。\n图1.4逻辑风格字符实训运行结果【操作五】1.打开记事本软件。2.输入以下内容:文字控制实训 保证满意意味着竭尽所能让您满意。\n修理、换货、或退款时,对您说声谢谢并笑脸相迎。当您步入我们的商场时,要使您感觉到您是受欢迎的。4、公司人员结构公司现有员工129人,其中博士2人,硕士12人,本科99人;平均年龄25岁;研发人员81人;市场人员31人;中高级以上职称24人;有5人曾获过部级和国家级奖励。3.将文件保存在D:\student\115.txt。4.将文件保存在D:\student\115.html。5.运行115.html文件,查看其结果。【小结】通过以上的实训可以使学生了解HTML语言的运行环境,熟悉HTML语言的结构,掌握HTML语言的基本标签的使用方法。以上所有的实训都在记事本软件中编辑修改,当然也可以用其他的编辑器软件进行编辑修改。需要说明的是,所有的实训文件均需保存两个不同类型的文件,一个是.txt文件,以便今后编辑修改之用;另一个是.html文件,是用来运行解释HTML语言的,是查看运行结果的文件。需要注意的是,最好不要使用FrontPage软件来学习编写HTML程序,因为,该软件具有直接翻译HTML源代码的功能,会使学生养成依赖的坏习惯。【思考题】1.实训中为什么要使用记事本来作为HTML语言编辑的工具?2.使用Word软件能否创建.html文件类型?如何操作?
一级标题H1,最大(网站建设)
二级标题H2,粗体(网站建设)
六级标题H6,最小(网站建设)
3.将文件保存在D:\student\112.txt。4.将文件保存在D:\student\112.html。5.运行112.html文件后得到的结果如图1.2所示。\n图1.2标题格式实训运行结果【操作三】1.打开记事本软件。2.输入以下内容:特别强调(电子商务网站建设)
引用文本(电子商务网站建设)
术语定义(电子商务网站建设)
代码格式:"codeformatting"(电子商务网站建设)
变量格式:"variableformatting"(电子商务网站建设)
样本字符格式:"literalcharacters"(电子商务网站建设)
键盘输入字符格式:"Inputcharacters"(电子商务网站建设)
3.将文件保存在D:\student\113.txt。\n4.将文件保存在D:\student\113.html。5.运行113.html文件后得到的结果如图1.3所示。图1.3逻辑风格字符实训运行结果【操作四】1.打开记事本软件。2.输入以下内容:
此处为斜体文本
大字体显示BIG
小字体显示small
等宽字体显示
下划线显示
此处为上标示例:x3+y4
此处为下标示例:H2O
3.将文件保存在D:\student\114.txt。4.将文件保存在D:\student\114.html。5.运行114.html文件后得到的结果如图1.4所示。\n图1.4逻辑风格字符实训运行结果【操作五】1.打开记事本软件。2.输入以下内容:
满足您的需求且超出您的期望。