1、助理电子商务师教程国家职业资格三级第一章网页制作第一节 HTML语言一、页面布局二、文字与表格第二节 动态网页制作一、编辑图像二、视频与音频第一节 HTML语言一、页面布局学习目标：（ 1）了解 HTML超文本标记语言的结构、语法。（ 2）掌握 HTML文件的建立及浏览、常用格式化标记符的设置。（ 3）掌握链接标记的设置。工作程序及内容：（一）建立 HTML文件操作步骤如下：（ 1）单击 “开始 ”按钮，选择 “程序 ” “ 附件 ” “ 记事本 ”，并打开 “记事本 ”窗口。（ 2）在记事本中，输入如图所示的 HTML语句。（ 3）执行 “文件 ” “ 保存 ”命令，将文件保存为 1-1.h
2、tm。（ 4）在浏览器中打开所建立的 HTML文件。说明：除了记事本之外，还可以使用写字板来编辑 html.（二）常用的 HTML标记设置操作步骤如下：（ 1）在文本文件编辑器中编写 HTML文件（可参考下面的示例编写）。（ 2）保存 HTML文件。（ 3）在浏览器中预览所编辑的 HTML文件效果。1.标题标记 示例 1标题标记，在记事本中输入以下 HTML语句，保存后浏览效果，如图所示。我的花店 欢迎你访问我的花店 !欢迎你访问我的花店 !欢迎你访问我的花店 !欢迎你访问我的花店 !欢迎你访问我的花店 !欢迎你访问我的花店 !欢迎你访问我的花店 !说明： 标记符用于定义段落标题的大小级数。最
3、大的标题级数是 ，最小的标题级数是 。使用 标记符的 align属性可控制文字的对齐方式，属性值可以是 left(左对齐 )，center(居中对齐 )，或者 right(右对齐 )。2. 段落标记符示例 2段落标记符，输入 HTML语句如下，保存后的浏览效果如图所示。我的花店 我的花店 !欢迎您访问我的花店 花可以传情 ,可表达思念之情 ,亲情 ,感恩的心情 ,衷心的祝福 !祝愿进入我的花店的朋友天天有好心情 !说明： 标记符用于划分段落，控制文本的位置。 是成对标记符，用于定义内容从新的一行开始，并与上段之间的一个空行，其 align属性定义新开始的一行内容在页面中的对齐位置，属性值可以是
4、 left(左对齐 )， center(居中对齐 )，或者 right(右对齐 )。3. 换行标记示例 3换行标记，将示例 2中相应段落中的段落标记 替换为换行标记 ， HTML语句如下，保存后的浏览效果如图所示。注意段落标记 和换行标记 预览效果的不同。 我的花店 我的花店 !欢迎您访问我的花店 花可以传情 ,可表达思念之情 ,亲情 ,感恩的心情 ,衷心的祝福 !祝愿进入我的花店的朋友天天有好心情 !说明： 标记符用于定义从新的一行显示，它不产生一个空行，但连续多个 标记可以产生多个空行的效果。 标记符是非成对标记符。4.列表标记示例 4项目列表标记， HTML语句如下，保存后的浏览效果如图。w w w 花语 w w w 花语 w 各种花所代表的含义如下： w w 玫瑰：纯洁的爱 w 剑兰：用心坚固 w 百合：百年好和 w 满天星：爱怜 w 菊花：吉祥 w 康及馨：亲情思念 w 郁金香：爱的表白 w 紫罗兰：永恒之美 w 勿忘我：爱到永远 w w w
