电子商务师-助理电子商务师国家资格培训教材

时间：2025-03-12

电子商务师-助理电子商务师国家资格培训教材

助理电子商务师教程

国家职业资格三级

第一章网页制作

第一节 HTML语言

一、页面布局

二、文字与表格

第二节动态网页制作

一、编辑图像

二、视频与音频

第一节 HTML语言

一、页面布局

学习目标：

（1）了解HTML超文本标记语言的结构、语法。

（2）掌握HTML文件的建立及浏览、常用格式化标记符的设置。

（3）掌握链接标记的设置。

工作程序及内容：

（一）建立HTML文件

操作步骤如下：

（1）单击“开始”按钮，选择“程序” →“附件” →“记事本”，并打开“记事本”窗口。

（2）保存HTML文件。

（3）在浏览器中预览所编辑的HTML文件效果。

1.<Hi>标题标记

[示例1]标题标记，在记事本中输入以下HTML语句，保存后浏

览效果，如图所示。

<html>

<head>

</head>

<body>

<h1>欢迎你访问我的花店!</h1>

<h2>欢迎你访问我的花店!</h2>

<h3>欢迎你访问我的花店!</h3>

<h4>欢迎你访问我的花店!</h4>

<h5>欢迎你访问我的花店!</h5>

<h6>欢迎你访问我的花店!</h6>

<h7>欢迎你访问我的花店!</h7>

</body>

电子商务师-助理电子商务师国家资格培训教材

说明： <hi>标记符用于定义段落标题的大小级数。最大的标题级数是 <h1>，最小的标题级数是<h6>。使用<hi>标记符的align属性可控制文字的对齐方式，属性值可以是left(左对齐)，center(居中对齐)，或者right(右对齐)。

2. <P>段落标记符

[示例2]段落标记符，输入HTML语句如下，保存后的浏览效果

如图所示。

<html>

<head>

</head>

<p align="center">欢迎您访问我的花店</p>

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

心的祝福!</p>

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

</body>

</html>

4.列表标记

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

<head>

<html>

</head>

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

<ul>

电子商务师-助理电子商务师国家资格培训教材

</body>

</html>

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

（三）<a>链接标记的设置

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

<html>

<head>

</head>

<body bgcolor="#FFFF99"

</body>

</html>

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

（1）href。链接文件的地址。

（2）target。链接目标的位置。

1.指向电子邮件的链接

2.指向站点内文件的链接

3.指向其他网站文件的链接

精彩图片

大家正在看

TiO_2_SiO_2复合薄膜的制备及光学性第三章商品标准和质量认证人教版数学小学五年级上册第五单染妆网新闻稿范文—女人化妆品网论余华作品中的权力暴力燃气锅炉操作规程中国XBOX游戏机行业市场前景分析 20XX年店铺转让协议书范本[工作范