（中职）电子商务网页设计项目二 HTML网页制作基础课件.pptxVIP

YCF 正版可修改PPT （中职）电子商务网页设计项目二 HTML网页制作基础ppt课件 HTML 介绍 1 任务分析 本任务提供了HTML语言的基础知识,通过对这些知识点的学习,为以后学习网页制作打下基础。 相关知识 1.什么是HTML语言 HTML是使用特殊标记来描述文档结构和表现形式的一种语言,由W3C(World Wide Web Consortium)所制定和更新。我们可以用任何一种文本编译器来编辑HTML文件,因为它就是一种纯文本文件。 2.HTML语言的基本结构 将这一小段代码粘贴至文本文件中,然后选择“另存为”,将文件的后缀名改为.htm或者.html即可,然后在其所在的目录下就可看到一个IE的图标,名字就是你所存的文件名称。 以下是声明HTML文件的语法格式。每一个HTML文件都必须以HTML开头,以/HTML结束。 以下是文件头声明的语法格式。在这之间的所有文字都属于文件的文件头,并不属于文件本体。 以下是声明文件标题的语法格式。在这之间写下的所有内容都将写在网页最上面的标题栏中。 以下是声明文件主体的语法格式。在这之间写下的内容都是文件的主体,也就是说将会被显示在客户区之中。 3.HTML语言的基本单位 (1) 长度单位。 (2)颜色单位。 (3) URL路径。 1)绝对路径。 2)相对路径。 使用HTML制作简单网页 2 任务分析 运用HTML语言制作简单网页,布局自定,内容包括自我介绍、图片、电子信箱地址等,要求在标题与正文之间插入一条水平线。 任务实施 (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浏览器窗口,显示结果如图所示。 　 自此,该网页设计结束,点击超链接,检查链接是否正确,如果不正确,检查被链接文件是否在其设定的文件夹内。