电子商务师—助理电子商务师国家资格培训教材.docVIP

助理电子商务师教程 国家职业资格三级 第一章网页制作 第一节 HTML语言 一、页面布局 　 二、文字与表格 第二节 动态网页制作 　一、编辑图像 　 二、视频与音频 第一节 HTML语言 一、页面布局 学习目标： （1）了解HTML超文本标记语言的结构、语法。 （2）掌握HTML文件的建立及浏览、常用格式化标记符的设置。 （3）掌握链接标记的设置。 工作程序及内容： （一）建立HTML文件 操作步骤如下： （1）单击“开始”按钮，选择“程序” →“附件” →“记事本”，并打开“记事本”窗口。 （2）保存HTML文件。 （3）在浏览器中预览所编辑的HTML文件效果。 1.Hi标题标记 [示例1]标题标记，在记事本中输入以下HTML语句，保存后浏 览效果，如图所示。 html head title我的花店/title /head body h1欢迎你访问我的花店!/h1 h2欢迎你访问我的花店!/h2 h3欢迎你访问我的花店!/h3 h4欢迎你访问我的花店!/h4 h5欢迎你访问我的花店!/h5 h6欢迎你访问我的花店!/h6 h7欢迎你访问我的花店!/h7 /body /html 说明： hi标记符用于定义段落标题的大小级数。最大的标题级数是 h1，最小的标题级数是h6。使用hi标记符的align属性可控制文字的对齐方式，属性值可以是left(左对齐)，center(居中对齐)，或者right(右对齐)。 2. P段落标记符 [示例2]段落标记符，输入HTML语句如下，保存后的浏览效果 如图所示。 html head title我的花店/title /head body bgcolor=#FFFF99 h1 align=center我的花店!/h1 p align=center欢迎您访问我的花店/p p align=“center”花可以传情,可表达思念之情,亲情,感恩的心情,衷 心的祝福!/p p align=center祝愿进入我的花店的朋友天天有好心情!/p /body /html 4.列表标记 [示例4]项目列表标记，HTML语句如下，保存后的浏览效果如图。 head html title花语/title /head body bgcolor=#FFFF99 hl align=centerfont face=宋体花语/font/hl p各种花所代表的含义如下：/p ul li玫瑰：纯洁的爱/li li剑兰：用心坚固/li li百合：百年好和/li li type=circle满天星：爱怜/li li type=circle菊花：吉祥/li li type=circle康及馨：亲情思念/li li type=circle郁金香：爱的表白/li li type=circle紫罗兰：永恒之美/li li type=circle勿忘我：爱到永远/li /ul /body /html 列表标记包括“项目列表”标记ul、“编号列表”标记ol。ul和ol标记都是成对标记。在ul标记之间还可以使用li标记来设定项目内容，其type属性可以显示不同形状的项目符号。 （三）a链接标记的设置 [示例5]链接标记，输入如下所示的HTML语句，保存后的浏览效果如图所示。 html head /head body bgcolor=#FFFF99 pa href=1-7.htm花语/a/p pa href=bg.htm target=right花节/a/p pa href=友情链接/a/p pa href=mailto:gltxiaohong@与我联系/a/p /body /html HTML是通过a标记符来实际超链接的，它是成对标记符，主要属性有： （1）href。链接文件的地址。 （2）target。链接目标的位置。 1.指向电子邮件的链接 a href=mailto:gltxiaohong@与我联系/a 2.指向站点内文件的链接 a href=bg.htm target=right花节/a 3.指向其他网站文件的链接 a href=友情链接/a 相关知识 （一）HTML文件的概念 HTML（Hyper Text Markup Languafe），即超文