任务一HTML标注语言学习_第1页
任务一HTML标注语言学习_第2页
任务一HTML标注语言学习_第3页
任务一HTML标注语言学习_第4页
任务一HTML标注语言学习_第5页
已阅读5页，还剩4页未读， 继续免费阅读

下载本文档

版权说明：本文档由用户提供并上传，收益归属内容提供方，若内容存在侵权，请进行举报或认领

文档简介

1、任务一HTML标注语言学习实训1HTML标注语言入门及基本操作【实训前的准备】1检查是否连接了Internet。2检查操作系统是否Windows98/2000或WindowsXP。3在除C：盘上（可以在D：盘、E盘、或其他逻辑盘）创建一个新文件夹，名字为student。4.检查系统是否有：Word2000、Dreamweaver、Frontpages记事本等软件。【实训目的要求】1了解HTML标注语言的运行环境。2熟悉HTML标注语言的编辑工具。3掌握HTML的基本结构。4学会HTML基本标签的使用方法。【实训内容及操作步骤】【操作一】1打开记事本软件。2输入以下内容：<HTML>

2、<HEAD><METAhttp-equiv=”Conte-nTtype”content=”text/html;charset=gb3212”><TITLE>HTML入门实训</TITLE></HEAD><BODY>这是最为基础的实训,此正文是无格式显示的正文，可以从运行结果看出来。</BODY></HTML>3.将文件保存在D:student111.txt。（编辑修改用）4将文件保存在D:student111.html。（运行用）5运行111.html文件后得到的结果如图1.1所示。号HTMI入门实

3、谒-MicrosoftInternprExpi口即文件©触（白壹看必收赛XaO）帮助（件皓，盛0司团公|户牍众即一地址（E）|D:studentllLl.html三Q转到|罐接苔这是最为基础的实训J止证文是无格式显示的正文，可以从运行结果看出来.卜|的完毕I|3我的电幽2图1.1HTML入门实训运行结果【操作二】1 .打开记事本软件。2 .输入以下内容：<HTML><HEAD><METAhttp-equiv="Conte-Typewcontent="text/html;charset=gb3212”><TITLE>标

4、题格式示例</TITLE></HEAD><BODY>< H1>一级标题H1,最大（网站建设）</H1>< H2>二级标题H2,粗体（网站建设）</H2>< H3align="left三级标题H3,左对齐（网站建设）</H3>< H4align="centerH级标题H4,居中对齐（网站建设）</H4>< H5align="right五级标题H5,右对齐（网站建设）</H5>< H6>六级标题H6,最小（网站建设）&l

5、t;/H6></BODY></HTML>3,将文件保存在D:student112.txt。4 .将文件保存在D:student112.htmlo5 .运行112.html文件后得到的结果如图1.2所示。登标望格式示例-MicrosoftInternetExplorer文件（E）粗辑旧查着切收藏闻工具帮助">-%一回圄心|尸"圆”地址|钓DHudentUlNhtml二jQ转到j链接Z一级标题HL最大（网站建设）二级标题H2,粗体（网站建设）三级标题H3,左对齐（网站建设）四级标题H4,居中对齐（网站建设）五级标题右时齐（网站建设）AStUJ

6、ttM.月小K站建青）|倒完毕|d朝皿图1.2标题格式实训运行结果【操作三】1 .打开记事本软件。2 .输入以下内容：<HTML><HEAD><METAhttp-equiv="ConteiType”content="text/html;charset=gb3212”><TITLE>逻辑风格字符示例</TITLE></HEAD><BODY><EM>普通强调（电子商务网站建设）</EM><BR><STRONG>特另1J强调（电子商务网站建设）<

7、;/STRONG><BR><CITE>引用文本（电子商务网站建设）</CITE><BR><DFN>术语定义（电子商务网站建设）</DFN><BR><CODE>代码格式："codeformatting"（电子商务网站建设）</CODE><BR><VAR>变量格式："variableformatting"（电子商务网站建设）</VAR><BR><SAMP>样本字符格式："lit

8、eralcharacters"（电子商务网站建设）</SAMP><BR><KBD>键盘输入字符格式："Inputcharacters"（电子商务网站建设）</KBD><BR></BODY></HTML>3,将文件保存在D:student113.txto4 .将文件保存在D:student113.htmlo5 .运行113.html文件后得到的结果如图1.3所示。B注量风格字符示例-MicrosoftInternetExplorer交件©愚日期侬收瓢®工理I）帮助

9、（懂.Q局6闾分户台岁©畿地出必|切口型卬13Hmi;必转到|辘接普通强调（电子趣务网站建猿特别强调（电子商务网站建设）出用文本&子盍务网站建设）术语冠义（电子商务网站建设）代码格式：£amatting"f电子商络网站建设）变量:格式：,rhbJo&£抽*目一（电子卷务网站建黄）样本字符格式土"literalcharacters叱（电子商务网站建设）融盘埼入字符格式："Inputcharactet£*（电子商务网站谑设）工画完毕rj丽的胸图1.3逻辑风格字符实训运行结果【操作四】1 .打开记事本软件。2 .输

10、入以下内容：<HTML><HEAD><METAhttp-equiv="Content-Type"content="text/html;charset=gb3212"><TITLE>物理风格字符示例</TITLE></HEAD><BODY><B>粗体显示</B><BR><I>此处为斜体文本</I><BR><BIG>大字体显示BIG</BIG><BR><SMALL

11、>小字体显示small</SMALL><BR><TT>等宽字体显示</TT><BR><S>此处为使用了删除标签显示</S><BR><U>下划线显示</U><BR>止匕处为上标示例：x<SUP>3</SUP>+y<SUP>4</SUP><BR>止匕处为下标示例：H<SUB>2</SUB>O<BR></BODY></HTML>3 .将文件保存在

12、4 .将文件保存在D:student114.txt。D:student114.htmlo5.运行114.html文件后得到的结果如图1.4所示。登物理风格字符示例 -Microsoft Internet Explorer,|Dt X|有史毕二我的电脑图1.4逻辑风格字符实训运行结果【操作五】1 .打开记事本软件。2 .输入以下内容：<html><HEAD><METAhttp-equiv="Content-Type"content="text/html;charset=gb3212"><TITLE>文字控制实

13、训</TITLE></HEAD><body>< p><H1align="center">电子商务主页</h1>< palign="left"><fontsize="6">一、公司简介</font>< palign="left"><fontcolor="#0000FF"size="5">1、公司的性质</font>< palign

14、="left"><fontcolor="#0000FF"size="5">我们的公司是一个专门从事教学设备生产和科研的单位。</font>< palign="left"><fontcolor="#0000FF"size="5">是国家重点<b><strong>扶植和培养的</strong></b>一个一级企业，具有良好的信誉，</font>< palign=

15、"left"><fontcolor="#0000FF"size="5">良好的服务，其中的公式为x<sup>2</sup>+y<sup>2</sup>-c<sub>1</sub>+r<sub>4</sub></font>< palign="left"><fontcolor="#FF00FF"size="4">2、公司的构架<

16、;/font>< palign="left"><fontcolor="#FF00FF"size="4">公司分<i>总经理</i>、<u>副总经理</u>、经理、部门经理、职员等</font><palign="left"><fontcolor="#FF00FF"size="4">公司直接由国家教育部管理人事和生产业务等。</font><palig

17、n="left"><fontcolor="#FF0000"size="3">3、公司的服务宗旨</font><palign="left"><fontcolor="#FF0000"size="3"><s>满足您的需求且超出您的期望。</s></font></p><p align="left"><font color="#FF000

18、0" size="3">保证满意意味着竭尽所能让您满意。</font></p>修理、换货、或退款时，对您说声谢谢并笑脸相迎。当您步入我们的商场时，要使您感觉到您是受欢迎的。<palign="left"><fontcolor="#FF0000"size="3"></font></p><palign="left"><fontcolor="#FF0000"size="

19、3"></font></p><palign="left"><fontcolor="#00FF00"size="2">4、公司人员结构</font><p align="left"><font color="#00FF00" size="2">人； </font><p align="left"><font color="#00FF00&q

人人文库> 全部分类> 行业资料 > 管理策划

温馨提示

  • 1. 本站所有资源如无特殊说明，都需要本地电脑安装OFFICE2007和PDF阅读器。图纸软件为CAD,CAXA,PROE,UG,SolidWorks等.压缩文件请下载最新的WinRAR软件解压。
  • 2. 本站的文档不包含任何第三方提供的附件图纸等，如果需要附件，请联系上传者。文件的所有权益归上传用户所有。
  • 3. 本站RAR压缩包中若带图纸，网页内容里面会有图纸预览，若没有图纸预览就没有图纸。
  • 4. 未经权益所有人同意不得将文件中的内容挪作商业或盈利用途。
  • 5. 人人文库网仅提供信息存储空间，仅对用户上传内容的表现方式做保护处理，对用户上传分享的文档内容本身不做任何修改或编辑，并不能对任何下载内容负责。
  • 6. 下载文件中如有侵权或不适当内容，请与我们联系，我们立即纠正。
  • 7. 本站不保证下载资源的准确性、安全性和完整性, 同时也不承担用户因使用这些下载资源对自己和他人造成任何形式的伤害或损失。

最新文档

评论

0/150

提交评论