助理电子商务师教程国家职业资格三级.ppt

助理电子商务师教程;第一章网页制作;第一节 HTML语言; （2）在记事本中，输入如图所示的HTML语句。 （3）执行“文件” →“保存”命令，将文件保存为1-1.htm。 （4）在浏览器中打开所建立的HTML文件。 说明：除了记事本之外，还可以使用写字板来编辑html. （二）常用的HTML标记设置 操作步骤如下： （1）在文本文件编辑器中编写HTML文件（可参考下面的示例编写）。; （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;;h1 align=center我的花店!/h1 hr align=center width=100% size=4 color=3333FF p align=center欢迎您访问我的花店/p 花可以传情,可表达思念之情,亲情,感恩的心情,衷心的祝福!br 祝愿进入我的花店的朋友天天有好心情!br hr align=center width=100% size=4 color=3333FF /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=sina友情链接/a/p pa href=mailto:gltxiaohong@buu与我联系/a/p /body /html; HTML是通过a标记符来实际超链接的，它是成对标记符，主要属性有： （1）href。链接文件的地址。 （2）target。链接目标的位置。 1.指向电子邮件的链接 a href=mailto:gltxiaohong@buu与我联系/a 2.指向站点内文件的链接 a href=bg.htm tar