电子商务网络实施技术张与鸿电子教案 03.pptVIP

第3章 HTML标准 3.1 HTML概述 3.2 HTML页面标记 3.3 超文本链接 3.4 HTML字体标记 3.5 HTML布局标记 3.6 HTML表格标记 3.7 HTML表单 3.8 多窗口页面 3.1 HTML概述 HTML（全称是Hyper Text Markup Language），也就是超文本标记语言，目前的版本是HTML 4.01，访问网站/可以获得关于HTML的最新消息。 3.1 HTML概述 1．HTML文件的编辑工具 2．典型的HTML文件 3．HTML文件的结构 4．HTML的语法 5．在浏览器中查看HTML的源代码 3.2 HTML页面标记 3.2 HTML页面标记 2．HEAD标记 3．TITLE标记 4．META标记 5．BODY标记 3.3 超文本链接 超文本链接是HTML最吸引人的优点之一。一个超文本链接指针由两部分组成：一部分是被指向的目标，它可以是同一文件的另一部分，也可以是世界另一端的一个文件，还可以是动画或音乐；另一部分是指向目标的链接指针。 1．统一资源定位器（URL） 2．指向一个目标 3．标记一个目标 4．目标窗口 5．分段标记（Paragraph） 3.4 HTML字体标记 1．标题字体标记（Header） 在HTML中，标题元素有6种，分别为h1、h2、h3、h4、h5和h6，用于表示文章中的各种题目。标题号越小，字体越大。 2．字体大小 HTML有七种字号，1号最小，7号最大。默认字号为3，可以用basefontsize=字号设置默认字号。 3．字体风格 字体风格分为物理风格和逻辑风格。物理风格直接指定字体，物理风格的字体有b粗体、i斜体、u下划线、tt打字机体。逻辑风格指定文本的作用。 3.5 HTML布局标记 1．列表：HTML语言提供了丰富的列表标记，下面将简要介绍其中几种； （1）有序列表。有序列表用ol开始，最后用/ol结束，每一个列表条目用li引导。 （2）无序列表。无序列表用ul开始，用/ul结束，每一个列表条目用li引导。 （3）自定义列表。用dl开始，列表条目用dt引导，它的说明用dd引导，最后用/dl结束。 （4）列表的嵌套。 2．预排版文本（pre） 3．分隔线 3.5 HTML布局标记 4．换行和禁止换行 5．图像与文本的对齐方式 6．转义序列 7．HTML中的颜色表示：颜色类型的数据用两种方式来表示： （1）用十六进制的RGB三原色来表示。 原理：颜色是由Red、Green、Blue三原色组合而成的，在HTML中对于色度的定义是采用十六进制的，对于三原色HTML分别给予两个十六进位去定义。 （2）使用颜色的英文名称来表示。 3.6 HTML表格标记 1．表格的基本形式 语法： table caption表格的标题/caption tr tdnbsp;/td … tdnbsp;/td/tr … /table 表由table开始，/table结束；其他标记有caption、tr、th和td定义。 3.6 HTML表格标记 2．有通栏的表 （1）有横向通栏的表用th colspan=#属性说明，colspan表示横向栏距，#代表通栏占据的网格数，它是一个小于表的横向网格数的整数。 （2）有纵向通栏的表用rowspan=#属性说明，rowspan表示纵向栏距，#代表通栏占据的网格数，应小于纵向网格数。 需要说明的是有纵向通栏的表，每一行必须用/tr明确给出一横向栏目结束，这与表的基本形式不同。 3.6 HTML表格标记 3．表的对齐、大小、边框宽度、表格间距 （1）表的对齐方式可以用align=#属性来说明。#是left、center和right三者之一，分别表示左对齐、居中和右对齐。 （2）表的大小用width=#和height=#属性说明。前者为表的宽度、后者为表的高度、#是以像素为单位的整数。 （3）边框宽度由border=#说明。#为宽度值，单位是像素。 （4）表格间距即划分表格线的粗细用cellspacing=#表示。#的单位是像素。下面的例子将表格间距定义为两个像素，它看起来像是用很粗的线划分的表格。 3.6 HTML表格标记 4．表中文本的输出格式 （1）文本与表框的距离用cellpadding=#说明。 （2）表格的宽度大于其中的文本宽度时，文本在其中的输出位置需用align=#说明。#是left、center和right三者之一，分别表示左对齐、居中和右对齐，align属性可修饰tr，th和td链接标签。 （3）表格的高度大于其中文本的高度时，可以用valign=#说明文本在其中的位置。