电子商务设计与建设PPT文档格式.ppt

电子商务设计与建设PPT文档格式.ppt

《电子商务设计与建设PPT文档格式.ppt》由会员分享，可在线阅读，更多相关《电子商务设计与建设PPT文档格式.ppt（336页珍藏版）》请在冰豆网上搜索。

l一般标记符（容器标记符）这些标记符的起始部分与结束部分必须成对出现l空标记符只是单一的一个标记符而已，如标记符第三章第三章Web页面制作基础页面制作基础HTML标记标记l文件结构标记符文件结构标记符标识文件的结构。

主要包括如下标记符：

lHTML标记符一般格式为：

.lHEAD标记符一般格式为：

lBODY标记符一般格式为：

第三章第三章Web页面制作基础页面制作基础HTML标记标记.主体区标题区HTML文件结构第三章第三章Web页面制作基础页面制作基础HTML标记标记l区段格式标记符区段格式标记符将HTML文件中的某个区段文字以特定格式显示，以增加可视性。

此类标记符主要包括：

lTitle标记符用于规定HTML文档的标题。

一般格式为：

lHI标记符HI用于简要描述段落的标题，共有六个级别：

H1，H2，H3，H4，H5，H6。

其中以H1标题级别为最高，H6标题级别最低。

HTML标题演示示例标题h1文字显示!

标题h2文字显示!

标题h3文字显示!

标题h4文字显示!

标题h5文字显示!

标题h6文字显示!

第三章第三章Web页面制作基础页面制作基础HTML标记标记第三章第三章Web页面制作基础页面制作基础HTML标记标记l换行标记符是换行标记符，它是单独出现的，作用相当于插入一个回车符。

l段落标记符标记符用于划分段落，控制文本放置。

l水平标记符标记符是单独使用的标记符，它的作用是换行并在该行下面画一条水平直线。

标记符的属性有：

Size、Width、align和color。

第三章第三章Web页面制作基础页面制作基础HTML标记标记size属性用以规定水平线的高度，该属性的参数值必须是数字；

width属性用以规定水平线的宽度，该属性的参数值可以是数字（代表字符数）或者百分比（占浏览器宽度的百分比），缺省时水平线占整个浏览器窗口宽度；

align属性规定水平线在浏览器窗口的位置，其参数值为left（左侧）、center（中间）、right（右侧）之一；

color属性用以指定水平线的颜色。

第三章第三章Web页面制作基础页面制作基础HTML标记标记l预格式化标记符标记符是预格式化标记符，它是成对出现的。

Web浏览器按编辑文档时的字符位置将和标记符之间的内容一成不变地显示出来。

PRE标记符测试文档1992JanuaryOn15th,thefirstlinemodebrowserwasAvailablebyanonymousFTP第三章第三章Web页面制作基础页面制作基础HTML标记标记第三章第三章Web页面制作基础页面制作基础HTML标记标记l字符格式标记符字符格式标记符用来改变HTML文档的显示外观，增加文件的美观程度。

HTML文档的字符格式标记符主要有：

l之间的内容将显示为黑体文字；

l之间的内容将显示为斜体文字；

l之间的内容将显示为带下划线的文字；

l之间的内容将显示为删除线；

l之间的内容加大显示；

l文本采用small字体l之间的内容居中显示；

l之间的内容显示上标；

第三章第三章Web页面制作基础页面制作基础HTML标记标记l之间的内容显示下标；

l之间的内容显示强调；

l之间的内容显示加重强调；

l之间的内容通过标记符内的属性设置来改变字体。

它具有的属性有size、face和color。

设置字体大小的属性size的有效值是从1到7的整数Face属性是设置字体的类型，其值就是字体类型的名字，如“楷体_GB2312”Color属性设置字体的颜色，其值是颜色值是十六进制值例：

这是Font设置的文字。

第三章第三章Web页面制作基础页面制作基础HTML标记标记l链接标记符lHTML中的链接包括两部分：

锚标和目标点。

锚标就是链接的源点，当鼠标被移到锚标处时会变成小手状。

此时，用户通过点击鼠标就可以到达链接的目标点。

lHTML是通过链接标记符来实现超链接的。

超链接标记符是成对出现的标记符，首标记符和尾标记符之间的内容就是锚标。

标记符有一个不可缺省的属性HREF，用于指定链接目标点的位置。

l链接标记符的一般形式为：

第三章第三章Web页面制作基础页面制作基础HTML标记标记l从一个文件链接到另一个文件有两种方法：

链接到一个文件的本身例如：

Pagetwo链接到一个文件中的特定位置若要链接到文件中的特定位置，就需要先在文档中加入链接点，即链接的目标点。

实例如下：

PointA字符串“PointA”就是待链接的目标点。

通过语句：

ThisLink实现了超链接。

第三章第三章Web页面制作基础页面制作基础HTML标记标记l表格标记符l表格标记符一般格式为：

标记符的属性主要有：

border属性width属性Height属性align属性cellspacing属性cellpadding属性l行标记符一般格式为：

标记符有两个属性：

Align属性Valign属性l单元格标记符一般格式为：

rowspan属性colspan属性align属性valign属性l列标题定义标记符一般格式为：

第三章第三章Web页面制作基础页面制作基础HTML标记标记第三章第三章Web页面制作基础页面制作基础HTML标记标记HTML标记测试实例HTML标记显示结果本实例是对HTML标记的学习效果的一个展示！

HTML标记是学好网页设计与网站建设这门课的基础，必须掌握它！

链接下面是表格的设计，其中它的边框宽度为1，表格的宽度占屏幕的50，表格中的内容居中显示学号姓名001张三002李四共2名学生第三章第三章Web页面制作基础页面制作基础制作表单制作表单l表单（Form）是用于采集用户输入的信息，从而实现与用户交互的表格。

例如，用表单设计订货单、征集用户意见、收集用户信息等等。

每一个表单都有一个“提交”按钮，当用户填写完表单并按下“提交”按钮时，用户所填写的信息就发送到web服务器，由服务器负责处理所提交的信息。

l表单一般由两个部分组成：

HTML代码和CGI程序。

其中HTML代码主要用来生成表单的可视化界面，CGI程序用来负责对表单所包含的信息进行解释或处理。

第三章第三章Web页面制作基础页面制作基础制作表单制作表单l表单标记符l一般格式为：

l标记符有两个不可缺省的属性：

lACTION属性一般格式为：

ACTION属性后面的等号表明当这个表单提交后，用于指定服务器端处理该表单的CGI程序。

它的参数值就是该程序的URL。

第三章第三章Web页面制作基础页面制作基础制作表单制作表单lMETHOD属性一般格式为：

用于指定表单信息传送到服务器的方式。

属性的参数值为get和post之一。

使用GET时，将Form的输入信息作为字符串附加到Action所设定的URL后面，中间用“？

”隔开，每个表单域之间用“&

”隔开，然后把整个字符串传送到服务器端。

由于系统环境变量的长度限制输入字符串的长度，因此用Get方式所能得到的信息不能很多，一般在4000字符左右。

而且在浏览器的地址栏中将以明文的形式显示在表单中的各个表单域值。

使用Post方式，将Form的输入信息进行包装，而不用附加在Action的URL之后，其传送的信息数据量基本上没有什么限制，而且在浏览器的地址栏中不会显示表单域的值。

使用get方式的特点是数据立即传送、执行效率高，但它传送的信息数据量小。

而使用post方式则可以传送大量信息，但效率不如get方式高。

第三章第三章Web页面制作基础页面制作基础制作表单制作表单l输入标记符l一般格式为lInput标记有六个属性：

type、name、size、value、maxlength、checked。

其中type和name是两个固定的属性。

lName属性的参数值是相应处理程序中的变量名，web服务器将把这条输入信息的值赋予name属性规定的变量。

第三章第三章Web页面制作基础页面制作基础制作表单制作表单lType属性用于指定该输入项提供的输入方式。

在不同的输入方式下，标记符的格式略有不同。

Type属性的参数值可为以下之一lText类型这是type的默认类型，指单行文本输入框。

其属性有以下几个：

name：

将输入值传给CGI程序时与输入值相对应的名称；

Size：

输入窗口的长度，默认值是20，以字节为单位；

Value：

设定预先在窗口显示的信息；

Maxlength：

限制最多输入的字节数。

lpassword类型密码输入框，与text类型输入基本相同，但浏览器并不在文本框中显示用户输入的字符，而是将输入的每个字符显示密码提示符“*”。

其属性和Text类型一致。

第三章第三章Web页面制作基础页面制作基础制作表单制作表单lradio类型表示该输入项是一个单选项，即在多个选择之间只能选择其中一项。

由于选择是唯一的，因此属性name取相同的值，但属性value的值各不相同。

value：

每个选项对应的值；

checked：

预选项目。

l