1、HTML 介绍介绍1任务分析任务分析 本任务提供了HTML语言的基础知识,通过对这些知识点的学习,为以后学习网页制作打下基础。相关知识相关知识1.什么是HTML语言 HTML是使用特殊标记来描述文档结构和表现形式的一种语言,由W3C(World Wide Web Consortium)所制定和更新。我们可以用任何一种文本编译器来编辑HTML文件,因为它就是一种纯文本文件。2.HTML语言的基本结构 将这一小段代码粘贴至文本文件中,然后选择“另存为”,将文件的后缀名改为.htm或者.html即可,然后在其所在的目录下就可看到一个IE的图标,名字就是你所存的文件名称。以下是声明HTML文件的语法格
2、式。每一个HTML文件都必须以开头,以结束。以下是文件头声明的语法格式。在这之间的所有文字都属于文件的文件头,并不属于文件本体。以下是声明文件标题的语法格式。在这之间写下的所有内容都将写在网页最上面的标题栏中。以下是声明文件主体的语法格式。在这之间写下的内容都是文件的主体,也就是说将会被显示在客户区之中。3.HTML语言的基本单位(1)长度单位。(2)颜色单位。(3)URL路径。1)绝对路径。2)相对路径。使用使用HTML制作简单网页制作简单网页2任务分析任务分析 运用HTML语言制作简单网页,布局自定,内容包括自我介绍、图片、电子信箱地址等,要求在标题与正文之间插入一条水平线。任务实施任务实
3、施(1)启动记事本和IE浏览器,并纵向平铺两窗口。(2)在记事本窗口输入下面的代码:(3)保存该文件到D:myweb文件夹中,取名为yoyo.htm(注意:文件的扩展名一定为.htm或.html;如果没有myweb文件夹,请建立之)。(4)在记事本窗口输入以下语句:(5)保存记事本文件,并刷新IE浏览器窗口,显示结果如图所示(注意:请先将C:data中的woman.gif文件复制到D:myweb下)。(6)在记事本窗口输入以下语句(注意被超链接的文件地址书写格式):(7)保存记事本文件,并刷新IE浏览器窗口。(8)在记事本窗口输入以下语句(注意发送电子邮件的超链接的书写格式):(9)保存记事本文件,并刷新IE浏览器窗口,显示结果如图所示。自此,该网页设计结束,点击超链接,检查链接是否正确,如果不正确,检查被链接文件是否在其设定的文件夹内。