教学课件-《电子商务网站建设(第2版)》李洪心

电子商务网站基础知识计算机网络构成电子商务系统的多层结构电子商务网站概述电子商务的基础平台电子商务应用系统电子商务安全应用系统电子商务网站的运行环境网站开发技术综述1、常用的客户机/服务器通信其工作过程是这样的：客户机通过客户机上的软件发送符合HTTP协议的页面文件请求给服务器，服务器上的软件接收到客户机软件的请求，检索客户机所请求的页面信息，并将文件转成HTTP格式发送给客户机作为响应，客户机上的软件将这些文件显示成页面，展现给浏览者。同样的工作流程不断的反复。C/S结构（Client/Server的简称，客户机/服务器模式）。服务器是为网络中其它计算机提供文件或程序的计算机。在服务器计算机中负责向其他计算机提供文件或程序的软件被称为服务器软件。而客户机就是向服务器提出请求的计算机，客户机上的软件用来发送请求、接收来自服务器的响应。为了让所有的客户机同服务器之间都可以进行通信，需要一种统一的协议来规范信息的互相传输，这种在互联网上传输网页文件的规则集称为超文本传输协议（HTTP）。2、客户机/服务器结构的发展电子商务网站基础知识计算机网络构成电子商务系统的多层结构电子商务网站概述电子商务的基础平台电子商务应用系统电子商务安全应用系统电子商务网站的运行环境网站开发技术综述图1-1C/S结构示意图2、客户机/服务器结构的发展电子商务网站基础知识计算机网络构成电子商务系统的多层结构电子商务网站概述电子商务的基础平台电子商务应用系统电子商务安全应用系统电子商务网站的运行环境网站开发技术综述图1-2B/W/S结构示意图电子商务网站基础知识计算机网络构成电子商务系统的多层结构电子商务网站概述电子商务的基础平台电子商务应用系统电子商务安全应用系统电子商务网站的运行环境网站开发技术综述1．多层结构随着越来越多的信息系统向Web架构转变，B/W/S结构的中间层所承担的功能也不断增加，软件复杂度不断提高，很有必要再对它进行分层处理。通常情况下，将传统的中间层细分成Web服务层和应用服务层，前者负责信息系统的表示逻辑（PresentationLogic），后者负责信息系统的业务逻辑（BusinessLogic）。此外，在客户层与Web服务层之间、应用服务层与数据库层之间都可以插入一个中间件（middleware）层,以优化整个系统的性能，提高系统的并发处理能力。这样形成了一个以Web为基础的多层体系结构。电子商务网站基础知识计算机网络构成电子商务系统的多层结构电子商务网站概述电子商务的基础平台电子商务应用系统电子商务安全应用系统电子商务网站的运行环境网站开发技术综述2.电子商务系统电子商务系统的多层结构(1)客户层(2)Web服务层(3)应用服务层(4)企业信息系统层电子商务网站基础知识计算机网络构成电子商务系统的多层结构电子商务网站概述电子商务的基础平台电子商务应用系统电子商务安全应用系统电子商务网站的运行环境网站开发技术综述1、企业内部网的构成电子商务网站基础知识计算机网络构成电子商务系统的多层结构电子商务网站概述电子商务的基础平台电子商务应用系统电子商务安全应用系统电子商务网站的运行环境网站开发技术综述2、企业内部网与互联网连接为了实现企业与企业之间、企业与用户之间的连接，企业内部网必须与互联网进行连接，但连接后会产生安全性问题。所以在企业内部网与互联网连接时，必须采用一些安全措施或选用具有安全功能的设备，这就是所谓的防火墙。为了进一步提高安全性，企业会在防火墙的外面建立独立的Web服务器和电子邮件服务器供企业外部的访问使用。企业在组建网络的时候，通常会在防火墙与企业内部网之间设置一台代理服务器。电子商务网站基础知识计算机网络构成电子商务系统的多层结构电子商务网站概述电子商务的基础平台电子商务应用系统电子商务安全应用系统电子商务网站的运行环境网站开发技术综述图1-5企业内部业务运作方式中心数据库的右边是面向消费者的服务平台。客户服务中心也称为呼叫中心，与传统的呼叫中心的区别在于不仅支持电话接入的方式，也能够支持Web、E-mail、传真等多种接入方式，使得用户的任何疑问都能很快地获得响应与帮助。如今的客户服务中心不是以往每个企业独立建设和运作的概念，而是统一建设再将席位出租，从而大大简化和方便了中小型企业进行电子商务，可以为客户提供全方位的产品咨询、购买导航和售后帮助。电子商务网站基础知识计算机网络构成电子商务系统的多层结构电子商务网站概述电子商务的基础平台电子商务应用系统电子商务安全应用系统电子商务网站的运行环境网站开发技术综述支付网关接口支付网关接口（PaymentGatewayInterface）是位于电子商务系统和银行中间的一个接口，它负责通过Internet和Extranet与客户和银行之间进行安全交互，完成与交易相关的电子支付，起到隔离Internet上的不安全信息和保护银行专网的作用。支付网关的主要功能是将Internet传来的数据包解密，并按照银行系统内部的通信协议将数据重新打包；接收银行系统内部传回来的响应消息，将数据转换为Internet传送的数据格式，并对其进行加密。即支付网关主要完成通信、协议转换和数据加解密功能，以保护银行内部网络。电子商务网站基础知识计算机网络构成电子商务系统的多层结构电子商务网站概述电子商务的基础平台电子商务应用系统电子商务安全应用系统电子商务网站的运行环境网站开发技术综述CA认证中心接口要保证在线交易的真实性（即确保交易是在真实的买方和卖方之间进行）、不可抵赖性，就需要特定的中介机构担保和确认交易双方的身份。所谓的认证中心CA就是完成该职能的商务中介。

在电子商务系统中，所有实体的证书都是由证书授权中心即CA中心分发并签名的。一个完整、安全的电子商务系统必须建立起一个完整、合理的CA体系。CA体系由证书审批部门和证书操作部门组成。

按销售产品范围分类按开办者及目的分类

四种分类方式按商务模式分类

按电子商务类型分类电子商务网站基础知识电子商务网站分类电子商务网站特点电子商务网站概述电子商务网站页面结构电子商务网站的运行环境网站开发技术综述电子商务网站功能商务性服务性

电子商务网站特点集成性可扩展性安全性协调性电子商务网站基础知识电子商务网站分类电子商务网站特点电子商务网站概述电子商务网站页面结构电子商务网站的运行环境网站开发技术综述电子商务网站功能新闻稿档案参考页面主页产品（或服务）页面雇员页面市场调研页面企业信息页面客户支持页面广告及其他内容电子商务网站基础知识电子商务网站分类电子商务网站特点电子商务网站概述电子商务网站页面结构电子商务网站的运行环境网站开发技术综述电子商务网站功能电子商务网站基础知识电子商务网站分类电子商务网站特点电子商务网站概述电子商务网站页面结构电子商务网站的运行环境网站开发技术综述电子商务网站功能开展网上调查建立网上联盟增进客户关系进行网上销售展示产品/服务发布企业信息宣传品牌形象提供顾客服务电子商务网站基础知识网络环境运行环境电子商务网站概述电子商务网站的运行环境网站开发技术综述Internet、Intranet和ExtranetInternet部分是企业电子商务系统的用户访问接口，是真正实现电子商务的基础，是企业和客户之间相互交流的通道。它的主要内容包括两部分接口方式、接口规格的设计以及相互连接。电子商务不是一个孤立的系统，必须要接入Internet才能够正常运转。Intranet企业内部网属于局域网（LAN）范畴，它是把企业内部的各个职能部门连接起来，从而实现信息与资源的共享，提高效率，促进管理水平的提高。Extranet是一个使用Internet/Intranet技术使企业与其他客户和其他企业相连来完成其共同目标的合作网络，Extranet可以作为公用的Internet和专用的Intranet之间的桥梁，也可以被看作是一个能被企业成员访问或与其他企业合作的Intranet的一部分。电子商务网站基础知识网络环境运行环境电子商务网站概述电子商务网站的运行环境网站开发技术综述网络运行方式（1）自营主机（2）主机托管网络接入设备及接入方案电子商务网站基础知识网络环境运行环境电子商务网站概述电子商务网站的运行环境网站开发技术综述（2）宽带接入（3）专线接入（1）电话接入（4）无线接入电子商务网站基础知识网络环境运行环境电子商务网站概述电子商务网站的运行环境网站开发技术综述1、应用服务系统2、网络操作系统Linux操作系统Windows操作系统Unix操作系统3、网络数据库全文数据库多媒体数据库关系数据库静态网站开发技术层叠式风格表单(CSS)XML（eXtensibleMarkupLanguage）HTML（HypertextMarkupLanguage）电子商务网站基础知识静态网站开发技术浏览器端动态网站开发技术电子商务网站概述服务器端动态网站开发技术电子商务网站的运行环境网站开发技术综述后台数据管理技术电子商务网站开发平台软件浏览器端动态网站开发技术VBScriptJavaAppletJavaScript电子商务网站基础知识静态网站开发技术浏览器端动态网站开发技术电子商务网站概述服务器端动态网站开发技术电子商务网站的运行环境网站开发技术综述后台数据管理技术电子商务网站开发平台软件ASPJSPCGIEJBJava开发语言电子商务网站基础知识静态网站开发技术浏览器端动态网站开发技术电子商务网站概述服务器端动态网站开发技术电子商务网站的运行环境网站开发技术综述后台数据管理技术电子商务网站开发平台软件电子商务网站基础知识静态网站开发技术浏览器端动态网站开发技术电子商务网站概述服务器端动态网站开发技术电子商务网站的运行环境网站开发技术综述后台数据管理技术SQLServer数据库ODBC(OpenDatabaseConnectivity)Access数据库OLEDBADO(ActiveXDataObjects)JDBC（JavaDatabaseConnectivity）电子商务网站开发平台软件电子商务网站基础知识静态网站开发技术浏览器端动态网站开发技术电子商务网站概述服务器端动态网站开发技术电子商务网站的运行环境网站开发技术综述后台数据管理技术电子商务网站开发平台软件微软电子商务开发平台惠普OpenViewIBM电子商务开发平台东方通金碟EAS产品电子商务网站开发平台软件1．说明电子商务系统的形成过程。2．说明电子商务应用系统的构成。3．说明电子商务网站特点。4．电子商务网站包括哪些软硬件环境？

5．请说明静态网站开发技术和动态网站开发技术的区别。6．说明浏览器端动态网站开发技术的特点。7．有哪些服务器端动态网站开发技术，各用于什么场合？8．请说明电子商务网站开发平台在网站开发中的作用。复习思考题网站内容策划建设网站的目标和市场需求分析域名注册技术可行性分析

网站建设的可行性分析可行性分析概述

管理可行性分析

经济可行性分析

网站功能设计1、确立网站目标建立网站的第一步就是确立目标。不同的网站会有不同的追求和目标。对企业来说，企业是以赢利为目标的经济组织，企业网站首先要考虑的是企业长期的生存、发展和赢利问题。因此，电子商务网站的建设要从企业的利益出发，要根据企业的情况、准确地定位网站。当企业准备构建电子商务网站时，应当策划短期和长期项目，既要寻求电子商务的经济支撑点，又要考虑电子商务长期的发展规划，还应当撰写电子商务在线定位策划书，分析网络中企业现有的竞争对手，分析取胜的机会，制定相应策略和正确的操作步骤。服务器与数据库设计网站的安全防护设计网站内容策划建设网站的目标和市场需求分析域名注册技术可行性分析

网站建设的可行性分析可行性分析概述

管理可行性分析

经济可行性分析

网站功能设计2、市场需求分析企业推出的任何产品或服务都不能一厢情愿，必须在开发和生产该项产品或服务之前，了解客户的需求。这才能做到本企业的产品和服务可以真正迎合客户的需求，并且可以很容易的推向市场，赢得客户的认可。要想筹建电子商务网站也是一样，在建站之前，要对网站今后的目标客户进行需求分析。有了这样的需求分析，建立的网站才能够为客户提供最新、最有价值的信息或服务。企业在电子商务网站上增加的每一项功能、每一种服务都是建立在全面的客户需求分析的基础之上的。需求分析就是要挖掘客户的真实需求，包括需求的内容、需求的表达形式、客户浏览或检索的习惯、客户的喜好等等。服务器与数据库设计网站的安全防护设计网站内容策划建设网站的目标和市场需求分析域名注册技术可行性分析

网站建设的可行性分析可行性分析概述

管理可行性分析

经济可行性分析

网站功能设计需求分析的任务服务器与数据库设计网站的安全防护设计信息需求

处理需求

安全性需求

可靠性需求

完整性需求

网站内容策划建设网站的目标和市场需求分析域名注册技术可行性分析

网站建设的可行性分析可行性分析概述

管理可行性分析

经济可行性分析

网站功能设计需求分析的方法——调查分析的具体步骤

服务器与数据库设计网站的安全防护设计企业现行的组织机构情况各部门的业务流程情况明确用户的需求确定新系统的边界网站内容策划建设网站的目标和市场需求分析域名注册技术可行性分析

网站建设的可行性分析可行性分析概述

管理可行性分析

经济可行性分析

网站功能设计需求分析的方法——调查分析的方法

服务器与数据库设计网站的安全防护设计跟班作业开调查会专门询问调查问卷查阅相关的资料网站内容策划建设网站的目标和市场需求分析域名注册技术可行性分析

网站建设的可行性分析可行性分析概述

管理可行性分析

经济可行性分析

网站功能设计结构化的分析方法与设计服务器与数据库设计网站的安全防护设计数据存储数据输出数据来源处理数据流数据流网站内容策划建设网站的目标和市场需求分析

域名注册技术可行性分析

网站建设的可行性分析可行性分析概述

管理可行性分析

经济可行性分析

网站功能设计域名的概念服务器与数据库设计网站的安全防护设计域名是用来表示IP地址的单词组，域名包括以句号分隔的四部分组成。域名最右部分是域名中最通用的部分，域名越左面的部分越具体。使用域名解决了IP地址不容易记忆的问题。域名系统是一种分布型层次式的命名机制。这种层次化的域名体系使得IP地址的使用更加有秩序，更容易管理。网站内容策划建设网站的目标和市场需求分析

域名注册技术可行性分析

网站建设的可行性分析可行性分析概述

管理可行性分析

经济可行性分析

网站功能设计顶级域名服务器与数据库设计网站的安全防护设计最常用的顶级域名有.com、.edu、.gov、.net、.org等以及国家域名如：中国.cn、澳大利亚.au、加拿大.ca、英国.uk等。现在人们除了注重对这些传统的顶级域名进行注册，也逐渐开始关注新出现的顶级域名如.biz、.cc、.tv等等,其中.biz是.com的替代者，取意来自英文单词business；.cc现已成为继.com和.net之后全球第三大顶级域名，.cc是英文"CommercialCompany"（商业公司）的缩写，含义明确、简单易记。网站内容策划建设网站的目标和市场需求分析

域名注册技术可行性分析

网站建设的可行性分析可行性分析概述

管理可行性分析

经济可行性分析

网站功能设计中文域名服务器与数据库设计网站的安全防护设计中文域名是含有中文的新一代域名，同英文域名类似，在互联网上起到门牌号的作用。中文域名是由中国互联信息中心(cnnic)开发的，需要插件支持才能实现其功能。中文域名是至少含有一个中文文字的域名。可以由中文、字母、数字或符号（-）组成，最多不超过20个字符。网站内容策划建设网站的目标和市场需求分析

域名注册技术可行性分析

网站建设的可行性分析可行性分析概述

管理可行性分析

经济可行性分析

网站功能设计域名的作用服务器与数据库设计网站的安全防护设计域名，就像一个商品的商标，名牌企业的商标就代表着自己的品牌和声誉，知名网站的域名也是一样。企业要想在网上建立服务器发布信息，就需要注册自己的域名，不但可以方便访问者的访问，避免访问者通过IP地址访问而带来的不便，而且可以避免当改变主页的存放服务器时，访问者找不到主页的错误。另外，企业应尽快地注册自己的域名，避免自己的品牌名称被别人抢注。网站内容策划建设网站的目标和市场需求分析域名注册技术可行性分析

网站建设的可行性分析可行性分析概述管理可行性分析

经济可行性分析

网站功能设计可行性分析的内容服务器与数据库设计网站的安全防护设计从管理的角度出发从技术的角度出发

从信息的角度出发网站内容策划建设网站的目标和市场需求分析域名注册技术可行性分析

网站建设的可行性分析可行性分析概述管理可行性分析

经济可行性分析

网站功能设计可行性分析报告服务器与数据库设计网站的安全防护设计最终网站的可行性分析需要形成一份可行性分析报告，该报告一般遵循这样的格式。题目：关于XX网站的可行性分析报告。第一部分（即引言），对本报告编写的目的、背景、发展前景有一个阐述。第二部分：可行性研究的前提。其中包括：网站建设的要求、要实现的目标、市场调研及预测的结果、假定和约束等内容。第三部分：系统的构架及具体的实施方案，在这一部分需要对将要建立的企业网站进行详细的介绍，其中包括：网站概况、系统数据流程、技术实施方案设计、数据需求等等。最后一部分：项目组织与管理，包括项目组织结构图、项目工程实施进度、项目工程预算等等。最终形成的可行性报告将直接关系到企业是否开展这个网站建设项目。网站内容策划建设网站的目标和市场需求分析域名注册技术可行性分析

网站建设的可行性分析可行性分析概述管理可行性分析经济可行性分析

网站功能设计管理可行性分析服务器与数据库设计网站的安全防护设计现有管理规范程度的调查分析管理人员素质以及对网站认可和接受程度的分析网站内容策划建设网站的目标和市场需求分析域名注册技术可行性分析网站建设的可行性分析可行性分析概述管理可行性分析

经济可行性分析

网站功能设计技术可行性分析

服务器与数据库设计网站的安全防护设计分析规划所提出的目标技术上能否达到技术的先进性技术的选择与企业原有技术或系统的衔接程度网站内容策划建设网站的目标和市场需求分析域名注册技术可行性分析

网站建设的可行性分析可行性分析概述

管理可行性分析

经济可行性分析网站功能设计经济可行性分析服务器与数据库设计网站的安全防护设计电子商务网站的成本构成电子商务网站构建的费用分析电子商务网站的收益分析网站内容策划建设网站的目标和市场需求分析域名注册技术可行性分析

网站建设的可行性分析可行性分析概述

管理可行性分析

经济可行性分析网站功能设计网站栏目规划服务器与数据库设计网站的安全防护设计一致的风格鲜明的主题合理的结构色彩搭配合理注重细节

交互性原则网站内容策划建设网站的目标和市场需求分析域名注册技术可行性分析

网站建设的可行性分析可行性分析概述

管理可行性分析

经济可行性分析网站功能设计

网站导航设计服务器与数据库设计网站的安全防护设计导航栏下拉菜单式导航分类列表导航图像或Flash形式导航网站内容策划建设网站的目标和市场需求分析域名注册技术可行性分析

网站建设的可行性分析可行性分析概述

管理可行性分析

经济可行性分析网站功能设计主要功能模块的设计

服务器与数据库设计网站的安全防护设计购物车的设计收银台的设计网站内容策划建设网站的目标和市场需求分析域名注册技术可行性分析

网站建设的可行性分析可行性分析概述

管理可行性分析

经济可行性分析

网站功能设计前台功能设计服务器与数据库设计网站的安全防护设计网站为了对客户进行统一的管理，维护网站访问和交易的秩序，提供客户的登陆和注册功能是必需的。而大多数的网站的注册页面类似，都会有协议的浏览页面，和客户基本信息的填写页面，这里每个网站都会有不同的防止恶意注册和机器注册的手段。前面我们提到了网站的设计原则中一条非常重要的原则就是交互性，所以在具体的功能设计时就要贯彻这样的原则。网站需要为客户提供交流的平台，如客户留言簿、BBS讨论区等等。网站内容策划建设网站的目标和市场需求分析域名注册技术可行性分析

网站建设的可行性分析可行性分析概述

管理可行性分析

经济可行性分析网站功能设计后台管理设计

服务器与数据库设计网站的安全防护设计商品信息管理

客户信息管理订单信息管理订单信息管理系统基本功能网站内容策划建设网站的目标和市场需求分析域名注册技术可行性分析

网站建设的可行性分析可行性分析概述

管理可行性分析

经济可行性分析网站功能设计应用服务器的设计服务器与数据库设计网站的安全防护设计企业应用整合服务器应用系统网站内容策划建设网站的目标和市场需求分析域名注册技术可行性分析

网站建设的可行性分析可行性分析概述

管理可行性分析

经济可行性分析网站功能设计WEB服务器设计服务器与数据库设计网站的安全防护设计Web服务器的作用Web服务器和应用服务器的关系网站内容策划建设网站的目标和市场需求分析域名注册技术可行性分析

网站建设的可行性分析可行性分析概述

管理可行性分析

经济可行性分析网站功能设计WEB数据库设计

服务器与数据库设计网站的安全防护设计数据库系统选择分布式数据库系统网站内容策划建设网站的目标和市场需求分析域名注册技术可行性分析

网站建设的可行性分析可行性分析概述

管理可行性分析

经济可行性分析网站功能设计信息传输的安全服务器与数据库设计网站的安全防护设计信息传输的安全隐患信息传输的加密技术网站内容策划建设网站的目标和市场需求分析域名注册技术可行性分析

网站建设的可行性分析可行性分析概述

管理可行性分析

经济可行性分析网站功能设计操作系统的安全服务器与数据库设计网站的安全防护设计黑客对操作系统的威胁TCSEC标准网站内容策划建设网站的目标和市场需求分析域名注册技术可行性分析

网站建设的可行性分析可行性分析概述

管理可行性分析

经济可行性分析网站功能设计

Web服务器的安全服务器与数据库设计网站的安全防护设计Web服务器文件目录安全用户与Web服务器的通讯安全用户密码的选用问题网站内容策划建设网站的目标和市场需求分析域名注册技术可行性分析

网站建设的可行性分析可行性分析概述

管理可行性分析

经济可行性分析

网站功能设计数据库系统的安全服务器与数据库设计网站的安全防护设计数据库系统是用来保存网站中的信息数据的。在这些被储存的数据中会有一些数据是非常机密非常重要的，如果这些数据泄漏或被篡改会给企业带来无法弥补的损失。由于数据库中的数据需要供不同的用户来共享，这样就会出现一些安全问题，如授权用户超出了他们的访问权限进行恶意访问，非法用户绕过安全内核窃取信息等等。而且如果数据库系统中被安放了木马程序，那么这些程序会通过降级或改变数据权限，造成数据库的数据被泄漏。网站内容策划建设网站的目标和市场需求分析域名注册技术可行性分析

网站建设的可行性分析可行性分析概述

管理可行性分析

经济可行性分析网站功能设计

其他安全问题服务器与数据库设计网站的安全防护设计缓存溢出攻防邮件炸弹攻击物理威胁攻防安全策略1.简述网站规划与设计的基本流程2.企业建设网站的目标是什么？。3.如何考虑电子商务网站的成本与费用。4.描述后台管理设计的主要内容5.说明Web服务器和应用服务器在电子商务活动中的作用。6.如何选择电子商务网站的数据库系统？7.结合搜狐（），说明门户网站主页应具备的基本成分。8.网站建设中要注意哪些重要的安全问题。复习思考题HTML概述HTML发展历史和特点HTML文件基本操作HTML编程规范及相关技术第三章HTML语言HTML顶级标记

文本布局及格式化超级链接表格

表单多媒体及外部程序1、HTML发展历史

HTML语言最初是由TimBenners-Lee于1980年，在欧洲核研究组织开发的一种能够让页面相互链接的程序，并发展成为后来的HTML语言。在当时，HTML语言由于国家超级计算应用中心NCSA(NationalCenterforSupercomputingApplication)的Mosaic浏览器的流行得到推广。20世纪90年代，由于网络的飞速发展，使得HTML达到了空前的繁荣。HTML概述HTML发展历史和特点HTML文件基本操作HTML编程规范及相关技术第三章HTML语言HTML顶级标记

文本布局及格式化超级链接表格

表单多媒体及外部程序HTML4.01的特点1、实现了文档结构和显示样式的分离2、多语言支持3、增强的访问能力HTML概述HTML发展历史和特点HTML文件基本操作HTML编程规范及相关技术第三章HTML语言HTML顶级标记

文本布局及格式化超级链接表格

表单多媒体及外部程序1、HTML文件示例【源程序清单：E3_1.htm】<html><head><title>欢迎光临我的网上商城</title></head><bodybgcolor="lightgrey"><fontcolor="blue"size="5"face="楷体_GB2312">

欢迎光临我的网上商城

</font><hrcolor="red"align="left"size="3"width="95%"><p>请观看我的体育用品</p>

<imgborder="0"src="football.JPG"width="100"height="100"></body></html>HTML概述HTML发展历史和特点HTML文件基本操作HTML编程规范及相关技术第三章HTML语言HTML顶级标记

文本布局及格式化超级链接表格

表单多媒体及外部程序2、HTML文件编辑和保存

1、HTML文件的编辑HTML文件的编辑软件有多种，如WS、WPS、Notepad、WordPad等。这里我们以windows系统中的“记事本”工具为例，对前面的HTML文件E3_1.htm进行编辑。首先打开“记事本”（方法是：“开始”菜单—>“程序”

—>“附件”—>“记事本”），然后在其中输入代码即可。输入过程中可以随时进行编辑、修改，非常方便。2、HTML文件的保存Html文件文件(文档)的扩展名可以是.html或.htm。当整个Html文件编辑完毕后，即可存盘。方法是在记事本窗口中，选择“文件”菜单—>“保存”命令，此时将打开“另存为”对话框。在对话框的“保存在”列表框中选择存盘路径，在“保存类型”列表框中选择所有文件，然后将此文件命名为“E3_1.htm”，点击“保存”按钮即可。HTML概述HTML发展历史和特点HTML文件基本操作HTML编程规范及相关技术第三章HTML语言HTML顶级标记

文本布局及格式化超级链接表格

表单多媒体及外部程序3、HTML文件显示和代码查看1、HTML文件的显示为了显示HTML文件的运行效果，需要首先启动IE浏览器。在浏览器的“文件”菜单中选择“打开”，这时将出现一个对话框。选择“浏览”，定位到你刚才创建的HTML文件“E3_1.htm”，选择它，单击“打开”浏览器将显示此页面，效果如图3.1所示。2、HTML文件代码的查看为了在IE浏览器中查看HTML文件的源程序，需要首先启动浏览器并显示该文件。然后在浏览器的“查看”菜单中选择“源文件”即可。这时浏览器将自动打开“记事本”，显示该HTML文件的源程序。HTML概述HTML发展历史和特点HTML文件基本操作HTML编程规范及相关技术第三章HTML语言HTML顶级标记

文本布局及格式化超级链接表格

表单多媒体及外部程序4、HTML文件常用编辑和显示软件1、HTML文件常用编辑软件任何一个纯文本编辑器都可以作为HTML的编辑器，如windows中的记事本、写字板，Linux中的Kedit、Lxy等，只要在保存文件时扩展名改为.htm或.html即可。除此之外，也可以使用一些“所见即所得”的、功能更为强大的页面编辑器，如Dreamweaver、FronPage等编辑。2、HTML文件常用显示软件用于显示HTML文件的软件主要是各种浏览器，目前国内所使用的浏览器大多为微软公司的InternetExplorer,但从全球范围内来看，网景公司的Netscape、Opera也占有一定市场。因此，网页的设计应当考虑各种浏览器的兼容性问题。HTML概述HTML发展历史和特点HTML文件基本操作HTML编程规范及相关技术第三章HTML语言HTML顶级标记

文本布局及格式化超级链接表格

表单多媒体及外部程序1、HTML编程规范1、使用小写标记2、代码缩进书写3、运用注释语句4、慎用空格5、引号的运用HTML概述HTML发展历史和特点HTML文件基本操作HTML编程规范及相关技术第三章HTML语言HTML顶级标记

文本布局及格式化超级链接表格

表单多媒体及外部程序2、HTML相关技术目前商务网站页面设计使用的开发技术较多，与HTML相关的主要技术包括：CSSJavaScript、ASP、JSP、PHP等。了解这些技术对于更好地学习HTML语言，掌握HTML技术在页面设计中的地位和作用有很大的帮助。HTML概述文档标题及元信息文档声明及开头文档主体第三章HTML语言HTML顶级标记

文本布局及格式化超级链接表格

表单多媒体及外部程序1、标记功能

文档链接

文档声明<html>标记用来说明该文档是一个HTML文档，当浏览器下载解析时，就能够按照HTML的语法规则来解析这个页面，从而使文档以HTML页面的形式显示出来。文档开头<head>标记里的内容（可称为子标记）称为头部，包含了当前文档的信息HTML概述文档标题及元信息文档声明及开头文档主体第三章HTML语言HTML顶级标记

文本布局及格式化超级链接表格

表单多媒体及外部程序2、语法格式文档链接<html>标记的语法格式为：<html>……</html>，开始标记和结尾标记都可选，但一般最好分别放在文档的开始和结尾。<head>标记的语法格式为：<head>……</head>，开始标记和结尾标记都可选。HTML概述文档标题及元信息文档声明及开头文档主体第三章HTML语言HTML顶级标记

文本布局及格式化超级链接表格

表单多媒体及外部程序1、body功能与语法格式文档链接1、body功能

该标记指明它所包含的内容是HTML文档的正文部分，文档的主体。2、语法格式<body>标记的语法格式为：<body属性=“属性值”……>文档正文的其它子标记</body>，开始标记和结尾标记都可选。HTML概述文档标题及元信息文档声明及开头文档主体第三章HTML语言HTML顶级标记

文本布局及格式化超级链接表格

表单多媒体及外部程序2、主要属性文档链接<body>元素的主要属性及其取值如表3-1所示。表3-1<body>元素的主要属性定义属性名称属性值属性说明（或功能）bgcolorcolorvalue该属性用来设置文档的背景色。backgroundURL该属性用来设置文档的背景图象。如果这个图像的大小不及浏览器窗口，它将平铺占满整个窗口。bgpropertiesfixed该属性用来设置文档的背景图象是否随滚动条一起滚动（bgproperties=fixed，不滚动）Text，link，alink，vlinkcolorvalue该属性用来设置文档的文本颜色(text)、超链接颜色(link)、活动超链接颜色(alink)、被访问过的超链接颜色(vlink)Leftmargin，topmarginsize该属性用来设置文档页面的左边空白尺寸(leftmargin=size)、上边空白尺寸(topmargin)HTML概述文档标题及元信息文档声明及开头文档主体第三章HTML语言HTML顶级标记

文本布局及格式化超级链接表格

表单多媒体及外部程序文档链接1、标记功能

<title>标记指明它所包含的内容是HTML文档的标题，通常标题会在浏览器的标题栏中显示出来。<meta>标记用来描述文档的属性，如作者、版权、关键字、日期等。2、语法格式 <title>标记的语法格式为：<title>……</title>，开始标记和结尾标记都必选。<title>……</title>标记对只能放在<head></head>标记对之间。<meta>标记的语法格式为：<meta属性=“属性值”……>开始标记必选,无结尾标记。3、主要属性<meta>元素的主要属性及其取值如表3-2所示。表3-2<meta>元素的主要属性定义属性名称属性值属性说明（或功能）name文本该属性用来设置文档元信息的名称content文本该属性用来设置name等其它属性的值http-equiv文本该属性用来指定文档的HTTP标题名。HTML概述文档标题及元信息文档声明及开头文档主体第三章HTML语言HTML顶级标记

文本布局及格式化超级链接表格

表单多媒体及外部程序文档链接

文档链接1、link功能

该标记指明了链接的资源与当前文档之间的关系，它传送的联系信息可能被浏览器以不同的方式处理。该标记必须出现在文档的头部，可以出现任意次数。2、语法格式<link>标记的语法格式为：<link属性=“属性值”……>，开始标记必选。无结尾标记。3、主要属性<link>元素的主要属性及其取值如表3-3所示。表3-3<link>元素的主要属性定义属性名称属性值属性说明（或功能）hrefURL该属性用来指定一个超文本链接relcdata指明上述链接的资源和当前文档是什么关系rev（反向）cdata指明当前文档和链接的资源是什么关系typecontenttype指明链接的内容类型，如：text/csstargetframename指定显示链接的目标框架或窗口HTML概述文档标题及元信息文档声明及开头文档主体第三章HTML语言HTML顶级标记

文本布局及格式化超级链接表格

表单多媒体及外部程序文档链接【示例3.2】本例子的功能是：说明HTML文档的标题<title>，元信息<meta>等元素的使用方法。有关的代码可参见下面的源程序文件E3_2.htm，【源程序清单：E3_2.htm】<html><head><!--指定保存HTML文档时的编码方式--><metahttp-equiv="Content-Type"content="text/html;charset=gb2312"><!--指明HTML文档的作者--><metaname="author"content="Dave"><!--用来描述HTML文档的日期--><metaname="date"content="23Jan199710:30:30GMT"><!--指定HTML文档的标题

--><title>第二章HTML标记</title><!--指定HTML文档的背景音乐

--><bgsoundsrc="sound.wav"loop="2"></head><body>……请您欣赏背景音乐……</body></html>HTML概述文本格式化文本布局第三章HTML语言HTML顶级标记

文本布局及格式化超级链接表格

表单多媒体及外部程序1、标记功能p标记的英文全称是paragraph，该标记指明它所包含的内容是HTML文档的一个段落。区块标记<span><div>的作用是将文档的内容分成块，它们与class,id,lang等属性联合使用时，可以更好地控制块的样式或事件行为。二者的区别是包括的内容大小不同，<div>包含的内容较多，该标记不能用到<p>标记中,与其它内容一起显示时会有一个空行。<span>标记可以用到<p>标记中，在一行内部使用。标记<pre>的英文全称是preformatted，该标记的作用是使浏览器中显示的样式与在文档编辑窗口输入的格式完全一样。要保留原始文字排版的格式，就可以通过<pre>标签来实现。该标记可使浏览器自动保留输入的空格，并禁止自动单词换行。列表标记主要用于事物的分类，如许多网站上可供销售商品的分类等。根据列表项是否有序可以分为“有序列表”标记<ol>和“无序列表”标记<ul>，而具体的列表项则由标记<li>给出。水平线条标记<HR>：用于在HTML文档中显示一条水平线，这在将页面区域划分为不同功能时非常有用。HTML概述文本格式化文本布局第三章HTML语言HTML顶级标记

文本布局及格式化超级链接表格

表单多媒体及外部程序2、语法格式<p>标记的语法格式为：<p属性=“属性值”……>段落内容</p>，开始标记必选，结尾标记可选。用<P>表示的段落与其它内容一起显示时会有一个空行。<div>标记的语法格式为：<div属性=“属性值”……>区块内容</div>；<span>标记的语法格式为：<span属性=“属性值”……>区块内容</span>。开始标记，结尾标记都必选。<pre>标记的语法格式为：<pre属性=“属性值”……>预格式内容</pre>。开始标记，结尾标记都必选。列表标记的语法格式

<ol>标记的英文全称是orderedlist，语法格式为：<ol属性=“属性值”……>一个或多个<li>标记</ol>。开始标记和结尾标记都必选。

<ul>标记的英文全称是unorderedlist，语法格式为：<ul属性=“属性值”……>一个或多个<li>标记</ul>。开始标记和结尾标记都必选。

<li>标记的英文全称是list，语法格式为：<li属性=“属性值”……>具体的列表项目</li>。结尾标记可以省略。<hr>标记的英文全称是horizontalrule，语法格式为：<hr属性=“属性值”……>。开始标记必选，结尾标记无。HTML概述文本格式化文本布局第三章HTML语言HTML顶级标记

文本布局及格式化超级链接表格

表单多媒体及外部程序3、主要属性除包含全局属性外，各列表标记的主要属性及其取值如表3-4所示。表3-4列表标记的主要属性定义标记名称属性名称属性值属性说明（或功能）olType1、a、A、i（小写罗马数字）、I（大写罗马数字）该属性用来指明用什么符号作为列表项目的序号Start大于0的整数，默认为1该属性用来设置列表的起始符号，如TYPE=“a”时，若start=“3”，则表示列表项序号从c开始。compact—————紧凑显示列表内容，这样可以减少列表所占有的空间ulTypedisk(圆盘)、square(方形)、circle(圆)该属性用来指明用什么符号作为列表项目的符号liTypedisk(圆盘)、square(方形)、circle(圆)该属性用来指明用什么符号作为列表项目的符号Value大于0的整数该属性用来设置当前列表的编号dlcompact—————紧凑显示列表内容，这样可以减少列表所占有的空间HTML概述文本格式化文本布局第三章HTML语言HTML顶级标记

文本布局及格式化超级链接表格

表单多媒体及外部程序1、标记功能标题标记<hi>从<h1>到<h6>共有6级，分别表示HTML文档中6个级别的标题。其中字母h是英文headline的简称。6级标题的字体都为粗体,大小渐降，<h1>最大，<h6>最小。字体标记<font>主要用来设置文本的字体名称、字号和颜色等样式。字型与效果标记可以使文字变为粗体、斜体、上标、下标；能够为文本增加下划线、删除线；也可以生成电报文字体或等宽字体等。是HTML文档常用的标记。主要标记如下：<b>标记的英文名称是bold，在其内部的文字，浏览器会以粗体显示。<i>标记的英文名称是italic，在其内部的文字，浏览器会以斜体显示。斜体文字与正常文字相比能够起到醒目、强调或者区别的作用。<u>标记的英文名称是underline，浏览器显示时会为其内部的文字增加下划线。<sup>标记的英文名称是superscript，浏览器显示时会使其内部的文字向上靠齐，形成上标的效果。<sub>标记的英文名称是subscript，浏览器显示时会使其内部的文字向下靠齐，形成下标的效果。上、下标在数学、化学、物理等自然科学的各种表达式中，在书籍、文章的注解和外文资料中都有着广泛的应用。<s><strike>标记的英文名称是strike，浏览器显示时会为其内部的文字增加删除线HTML概述文本格式化文本布局第三章HTML语言HTML顶级标记

文本布局及格式化超级链接表格

表单多媒体及外部程序2、语法格式<hi>标记的语法格式为：<hi属性=“属性值”……>标题内容</hi>。开始标记，结尾标记都必选。<font>标记的语法格式为：<font属性=“属性值”……>文本内容</font>。开始标记，结尾标记都必选。字型与效果标记的语法格式为：<tag属性=“属性值”……>文本内容</tag>。开始标记，结尾标记都必选。这里为了方便，用tag代表以上任何一个标记。HTML概述文本格式化文本布局第三章HTML语言HTML顶级标记

文本布局及格式化超级链接表格

表单多媒体及外部程序3、主要属性标题标记<hi>的主要属性是全局属性。此外还具有属性:align，指明标题的对齐方式，取值为left(左对齐)、center(居中)、right(右对齐)。除全局属性外，<font>标记的主要属性及其取值如表3-6所示。表3-6<font>标记的主要属性定义属性名称属性值属性说明（或功能）face字体名称列表该属性用来设置字体名称，其中第一种字体是首选，如其在机器上无，则选第二种，依次类推，如果都无，则选机器上的默认字体。size数值（默认为3号）该属性用来设置字体大小，取值可以是1到7的绝对大小，也可以是-4到+4的相对大小（不包括0），即表示在默认大小3号字的基础上的增加、减少值；colorcolorvalue该属性用来设置字体的颜色HTML概述文本格式化文本布局第三章HTML语言HTML顶级标记

文本布局及格式化超级链接表格

表单多媒体及外部程序3、主要属性【源程序清单：E3_3.htm】<html><head><title>列表标记示例</title></head><body><h3>1、有序和无序列表标记（OL，UL）的练习</h3><p>计算机畅销书列表如下：</p><ultype="circle"COMPACT><li>网页制作类</li><oltype=I><li>〈CSS教程〉</li><li>〈HTML4。0教程〉</li></ol><li>编程语言类</li><oltype=astart=3><li>〈java教程〉</li><li>〈foxpro教程〉</li></ol></ul></body></html>HTML概述URL简介

超级链接标记

第三章HTML语言HTML顶级标记

文本布局及格式化超级链接表格

表单多媒体及外部程序1、绝对URL地址HTML概述URL简介

超级链接标记

第三章HTML语言HTML顶级标记

文本布局及格式化超级链接表格

表单多媒体及外部程序1、绝对URL地址1、WWW超链接：2、

FTP超链接：3、BBS超链接：4、Email超链接:5、TELNET超链接:HTML概述URL简介

超级链接标记

第三章HTML语言HTML顶级标记

文本布局及格式化超级链接表格

表单多媒体及外部程序1、相对URL地址相对路经是以当前文件所在路径为起点，进行相对文件的查找。一个相对的URL不包括协议和主机地址信息，表示它的路径与当前文档的访问协议和主机名相同，甚至有相同的目录路径。通常只包含文件夹名和文件名。甚至只有文件名。可以用相对URL指向与源文档位于同一服务器或同文件夹中的文件。此时，浏览器链接的目标文档处在同一服务器或同一文件夹下。 如果链接到同一目录下，则只需输入要链接文件的名称。如herf="index.html"，表明index.html是本地当前路径下的文件。 要链接到下级目录中的文件。只需先输入目录名，然后加"/"，再输入文件名。如herf="web/index.html"，表明index.html是本地当前路径下称做"web"子目录下的文件。 要链接到上一级目录中文件，则先输入"../"，再输入文件名。herf="../../index.html"，表明index.html是本地当前目录的上两级子目录下的文件。HTML概述URL简介

超级链接标记

第三章HTML语言HTML顶级标记

文本布局及格式化超级链接表格

表单多媒体及外部程序1、标记功能与语法格式<a>标记的英文名称是anchor（锚），它的作用有二。其一是作为预设在文档某处的锚定位；其二是定义一个超级链接。<a>标记的语法格式为：<a属性=“属性值”……>链接文本或图象</a>,开始标记和结尾标记都必须有。链接文本一般带下划线且与其它文字颜色不同，图象链接通常带有边框显示。用图象做链接时只要把显示图象的标记<img>嵌套在<AHREF="URL"></A>之间就能实现图像链接的效果。当鼠标指向"链接文本或图象"时会变成手状，单击这个元素可以访问指定的链接目标。HTML概述URL简介

超级链接标记

第三章HTML语言HTML顶级标记

文本布局及格式化超级链接表格

表单多媒体及外部程序2、主要属性属性名称属性值属性说明（或功能）hrefURL该属性的值指定链接的目标地址，即链接到什么地方，如可以是一个HTML文件、一个（本页或其它页面的）锚点、一个邮箱，还可以是一个程序（如.jsp文件，.asp文件等）。目标地址是最重要的，一旦路径上出现差错，该资源就无法访问namecdata该属性用来指定锚点名。使用命名锚以后，可以让链接直接跳转到一个页面的某一章节，而不用用户打开那一页，再从上到下慢慢找。target窗口或框架名，可以是：_parent、_blank、_self（默认值）、_top该属性用来指定显示链接内容的窗口或框架。Parent表示在上一级窗口中打开，在分桢的框架页中经常使用。Blank表示在新浏览器窗口打开。Self表示在同一个桢或窗口中打开。Top表示在浏览器的整个窗口中打开，忽略任何框架OnFocus,onBlurscript该属性分别用来指定A标记获得焦点或失去焦点时所运行的脚本HTML概述URL简介

超级链接标记

第三章HTML语言HTML顶级标记

文本布局及格式化超级链接表格

表单多媒体及外部程序【源程序清单：E3_4.htm】<html><head><title>A标记示例</title></head><body><h3>1、外部链接示例<aname="top"></a>（top书签）</h3><p>单击这里访问<ahref="">北京大学</a>的主页

<p>单击这里访问<ahref="">哈佛大学</a>的主页

<hrsize="4"color="#008080"><h3>2、本地链接示例：链接到本地图象文件的图象链接</h3><p><ahref="red_flower.JPG"target="_blank"><imgborder="0"src="football.JPG"width="94"height="94"></a></p><hrsize="4"color="#008080"><h3>3、内部链接示例：链接到当前文件的锚点</h3><ahref="#top"title="定位到锚点1、外部链接示例">链接到top书签</a><hrsize="4"><h3>4、链接到邮箱示例：</h3><p>欢迎与我们联系<ahref="mailto:myshop@">mailtowe</a></p></body></html>HTML概述表格行及表格单元表格及表格标题第三章HTML语言HTML顶级标记

文本布局及格式化超级链接表格

表单多媒体及外部程序1、标记功能<table>标记定义了一个表格，任何一个表格都由该标记开始，它是表格的主标记，可以包含多个其它表格子标记。表格的作用主要有两点，一是存放数据；二是有效地组织数据，作为页面其它元素的布局和定位工具。<caption>标记定义了表格的标题，用于对当前表格内容进行说明。标题不会显示在表格内部，而是出现在表格的顶部或底部。表格编组

2、语法格式<table>标记的语法格式为：<table属性=“属性值”……>表格其它子标记</table>。<table>元素的开始标记和结尾标记都必选。<caption>标记的语法格式为：<caption属性=“属性值”……>标题内容</caption>,开始标记和结尾标记都必须有。它必须放在<table></table>内。HTML概述表格行及表格单元表格及表格标题第三章HTML语言HTML顶级标记

文本布局及格式化超级链接表格

表单多媒体及外部程序3、主要属性表格编组

属性名称属性值属性说明frameVoid|above|below|hsides|vsides|lhs|rhs|box该属性规定了表格外边框的显示方式。其中Void（不显示边框）、above（仅显示上边框）、below（仅显示下边框）hsides（仅显示上下边框）、vsides（仅显示左右边框）、lhs（仅显示左边框）、rhs（仅显示右边框）、box（默认，显示全部边框）。bordersize该属性用来设置表格的边框大小，0表示表格边框不可见，边框宽度默认为0。rulesrows、cols、groups、none、all该属性用来指定表格内边框样式，其取值决定显示哪些内部边框。如rows（行分隔线）、cols（列分隔线）、groups（组分隔线）、none（无分隔线）或all（全部分隔线）。width、heightSize（单位用绝对像素值或总宽度的百分比）该属性分别用来设置表格的宽度、高度backgroundURL该属性用来指定表格背景图象的位置bgcolorcolorvalue该属性用来设置表格的背景色cellspacingsize该属性用来设置表格的单元格间距cellpaddingsize该属性用来设置表格的单元格内容和其边框之间的填充距colssize该属性用来指定表格列数HTML概述表格行及表格单元

表格及表格标题

第三章HTML语言HTML顶级标记

文本布局及格式化超级链接表格

表单多媒体及外部程序1、标记功能表格行<tr>标记的英文名称是tablerow，它定义了表格的一行，其内部可以包含多个标题单元格标记<TH>和内容单元格标记<TD>。表格单元<td>标记的英文名称是tabledata，用来创建表格一行中的每一个普通的数据单元格，以便存放表格中的数据。<th>标记的英文名称是tablehead，用来设置表格头部信息，通常采用黑体居中文字显示其中的内容，以便和普通单元格相区别。表格编组

HTML概述表格行及表格单元

表格及表格标题

第三章HTML语言HTML顶级标记

文本布局及格式化超级链接表格

表单多媒体及外部程序2、语法格式<tr>标记的语法格式为：<tr属性=“属性值”……>表格行其它子标记</tr>,开始标记必选，结尾标记可选。不过我们提倡开始标记和结尾标记同时使用。<td>标记的语法格式为：<td属性=“属性值”……>单元格内容</td>，<th>标记的语法格式与<td>标记的语法格式相同。表格编组

HTML概述表格行及表格单元

表格及表格标题

第三章HTML语言HTML顶级标记

文本布局及格式化超级链接表格

表单多媒体及外部程序3、主要属性表格编组

属性名称属性值属性说明（或功能）Alignleft、center、right该属性用来设置单元格内容的水平对齐方式，left(左对齐)、center(居中)、right(右对齐)valigentop、middle、bottom该属性用来设置单元格内容的垂直对齐方式，top(靠顶端对齐)、middle(居中间对齐)或bottom(靠底部对齐)bgcolorcolorvalue该属性用来设置行的背景色，可以被单元格的背景色所覆盖HTML概述表格行及表格单元

表格及表格标题

第三章HTML语言HTML顶级标记

文本布局及格式化超级链接表格

表单多媒体及外部程序3、主要属性表格编组

属性名称属性值属性说明（或功能）rowspanSize该属性用来指定单元格所占的行数，即在垂直方向合并多少单元格(缺省值为1)colspanSize该属性用来指定单元格所占的列数，即在水平方向合并多少单元格(缺省值为1)。nowrap——该属性用来指定单元格内容不允许换行，否则单元格内容会随着浏览器窗口的缩小而自动换行width、heigthtSize该属性分别用来指定单元格宽度和高度，单位用绝对像素值或总长度的百分比bgcolor、bordercolorcolorvalue该属性用来设置单元格的背景色和边框色alignleft、center、right该属性用来设置单元格内容的水平对齐方式，left(左对齐)、center(居中)、right(右对齐)valigentop、middle、bottom该属性用来设置单元格内容的垂直对齐方式，top(靠顶端对齐)、middle(居中间对齐)或bottom(靠底部对齐)HTML概述表格行及表格单元表格及表格标题

第三章HTML语言HTML顶级标记

文本布局及格式化超级链接表格

表单多媒体及外部程序1、标记功能表格行编组（thead、tfoot、tbody）元素将一些特定功能的行赋予特殊的含义，并编成一组。<thead>标记可将一些行定义为当前表格的题注，<tfoot>标记可将一些行定义为当前表格的脚注，而剩下其余行用<tbody>标记定义为表格的主体部分。表格行编组后，可以对组中各行的属性，如“对齐、背景色”等进行统一设置，也可减少代码的数量。<colgroup>标记定义了表格中的列组，它允许用户把表格中的某些列组合在一起进行功能划分，或者用某些样式统一定义这些列。其内部可以包含列标记<col>来说明该列组所包含的列数（由span属性说明，默认为1）