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

助理电子商务师教程;第一章网页制作;第一节 HTML语言;（2）在记事本中，输入如图所示的HTML语句。;保存HTML文件。

在浏览器中预览所编辑的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

bodybgcolor=#FFFF99

h1align=center我的花店!/h1

palign=center欢迎您访问我的花店/p

palign=“center”花可以传情,可表达思念之情,亲情,感恩的心情,衷

心的祝福!/p

palign=center祝愿进入我的花店的朋友天天有好心情!/p

/body;说明：P标记符用于划分段落，控制文本的位置。P是成对标记符，用于定义内容从新的一行开始，并与上段之间的一个空行，其align属性定义新开始的一行内容在页面中的对齐位置，属性值可以是left(左对齐)，center(居中对齐)，或者right(右对齐)。

3.br换行标记

[示例3]换行标记，将示例2中相应段落中的段落标记P替换

为换行标记br，HTML语句如下，保存后的浏览效果如图所示。注意段落标记P和换行标记br预览效??的不同。

html

head

title我的花店/title

/head

bodybgcolor=#FFFF99;h1align=center我的花店!/h1

hralign=centerwidth=100%size=4color=3333FF

palign=center欢迎您访问我的花店/p

花可以传情,可表达思念之情,亲情,感恩的心情,衷心的祝福!br祝愿进入我的花店的朋友天天有好心情!br

hralign=centerwidth=100%size=4color=3333FF

/body

/html;列表标记

[示例4]项目列表标记，HTML语句如下，保存后的浏览效果如图。

head

html

title花语/title

/head

bodybgcolor=#FFFF99

hlalign=centerfontface=宋体花语/font/hl

p各种花所代表的含义如下：/p

ul

li玫瑰：纯洁的爱/li

li剑兰：用心坚固/li

li百合：百年好和/li

litype=circle满天星：爱怜/li

litype=circle菊花：吉祥/li

litype=circle康及馨：亲情思念/li;litype=circle郁金香：爱的表白/li

litype=circle紫罗兰：永恒之美/li

litype=circle勿忘我：爱到永远/li

/ul

/body

/html;列表标记包括“项目列表”标记ul、“编号列表”标记

ol。ul和ol标记都是成对标记。在ul标记之间还可以使用li标记来设定项目内容，其type属性可以显示不同形状的项目符号。

（三）a链接标记的设置

[示例5]链接标记，输入如下所示的HTML语句，保存后的浏览效果如图所示。

html

head

/head

bodybgcolor=#FFFF99

pahref=1-7.htm花语/a/p

pahref=bg.htmtarget=right花节/a/p

pahref=sina友情链接/a/p

pahref=mailto:gltxiaohong@buu与我联系

/a/p

/body

/html;HTML是通过a标记符来实际超链接的，它是成对标记符，主要属性有：

href。链接文件的地址。

target。链接目标的位置。1.指向电子邮件的链接

ahref=mailto:gltxiaohong@buu与我联系/a2.指向站点内文件的链接

ahref=bg.htmtarget=right花节/a3.指向其他网站文件的链接

ahref=sina友情链接/a;相关知识

（一）HTML文件的概念

H