无序列表的标签是ul…/ul，而每一个列表项目则用li标签。
京东商城的首页部分代码如下：
（10）有序列表
有序列表的标签是ol…/ol，列表项目仍然是li。
（11）图片标签
img标签用于在网页里插入图片。img标签有一个重要的属性src，它的属性值就是图片的地址。还有一个属性alt，叫作替换属性，当图片由于某种原因而无法显示的时候，alt的属性值就会代替图片出现；而当图片正常显示时，只要把鼠标停在图片上就会看到alt属性的属性值。如图49所示。
图49图片标签显示效果图
京东商城的首页部分代码如下：
imgdataimg=2datalazyload=.jpgwidth=208height=170alt=家电
（12）表格标签
在CSS流行之前，table…/table被广泛应用于定位。在XHTML中，table…/table不被推荐用来定位，W3C（WorldWideWebConsortium，万维网联盟）希望CSS可以取代它在定位方面的地位。下面举例建立一个2行2列的标签，代码如下：
图410网页上的2行2列表格注意上面的代码，一共有2对tr…/tr，对应着下面的2个行。而每个tr（行）又有两个td单元格。于是就成了一个2行2列的表格。
2.CSS
用Web标准制作网站，过渡的方法主要是采用XHTML+CSS，网页中内容的部分是用XHTML语言表示，而网页中所有外观的地方都需要用CSS来实现，因此CSS样式表是必不可少的。
(1)调用方式
样式表加入到XHTML页面中有3种方法，其中有两种是放在head标记中，另外一种是直接内嵌到任何一种标记中。
①页面内嵌法就是将样式表直接写在页面代码的head区，写法如下：
其中style中的type=text/css的意思是style中的代码是定义样式表单的。如京东商城的首页样式就采用这种方式。
②外部调用法是将样式表写在一个独立的.css文件中，然后在页面head区用类似以下代码调用。
例如，京东商城的二级网页中的样式就采用这种方式，如下所示：
③行内样式表(内嵌样式表)直接在标签内部定义，使用style属性，写法如下：
标签style=符合CSS语法结构的CSS语句
例如：
pstyle=textindent：24px；段落内容/p
在符合Web标准的设计中，推荐使用外部调用法，这样可以不修改页面只修改.css文件而改变页面的样式。如果所有页面都调用同一个样式表文件，那么修改一个样式表文件，可以改变所有文件的样式。
(2)语法
CSS的语法是由3部分组成的，分别是选择器、属性和属性值。写法如下：
选择器属性：属性值；例如：
h1fontsize：12px；选择器就是XHTML标志，本例子的选择器就是h1标志。属性和属性值则是某个标志的属性和属性值，本例子中fontsize为属性，属性值为12px（像素）。注意，属性和属性值之间用一个冒号“：”分开，以一个分号“；”结束。当然h1标识还会有其他的属性，如果没有设置则保持默认值。
(3)DIV
div…/div其实是XHTML中的一个标签，相对于其他XHTML标签，div…/div对于它们包含的元素是没有意义的。div…/div只是一个分块的标签，它可以将网页分成几个区块。div…/div里面可能包含一个标题、一个段落，也可能包含图片在内的很多元素，甚至div…/div也可以再包含div…/div。因此，对于以前用表格（table）来定位和布局，现在要改用div…/div来定位和布局，这就是通常所说的DIV+CSS布局网页。下面举个例子说明网页布局的制作。
根据图411(a)，可以画一个实际的页面布局图411(b)，说明层的嵌套关系，这样理解起来就会更简单了。
图411网页实例和布局对比图
接着在body…/body标签中写入div…/div的基本结构，这样一个页面的整体框架就形成了，代码如下：
3.JavaScript
JavaScript一般要通过HTMLDOM来改变网页，或者说通过DOM来进行网页互动。
HTMLDOM（HTMLDocumentObjectModel，文档对象模型)是专门适用于HTML/XHTML的文档对象模型。熟悉软件开发的人员可以将HTMLDOM理解为网页的API。它将网页中的各个元素都看作一个个对象，从而使网页中的元素也可以被计算机语言获取或编辑。如图412所示，HTML文档包括html、body和a等对象。
图412HTMLDOM对象模型示意
JavaScript是一种基于对象(Object)和事件驱动(EventDriven)的客户端脚本语言。它由Netscape公司开发，最初的设计是为了检验HTML表单输入的正确性，现在被数百万计的网页用来改进设计、验证表单、检测浏览器、创建Cookies，以及更多的应用。
例如，JavaScript就可以利用HTMLDOM动态地修改网页。如想告诉浏览器：“把这页内容区的背景色变成黄色。”不过浏览器可没有人聪明，它是没法理解这种比较模糊的语言的，而只能理解精确的编程语言。所以可以用下面的代码来实现：
这是一个简单的JavaScript语句，它完成的动作是“变成黄色”，操作对象是“这页的内容区的背景”。
4.3.3Web服务器端技术
随着Internet技术的广泛使用，Web技术已经广泛应用于Internet上，但早期的Web应用全部是静态的HTML页面，用于将一些文本信息呈现给浏览者，但这些信息是固定写在HTML页面里的，该页面不具备与用户交互的能力，没有动态显示的功能。
很自然地，人们希望Web应用里应该包含一些能动态执行的页面，最早的CGI（CommonGatewayInterface，通用网关接口）技术满足了该要求，CGI技术使得Web应用可以与客户端浏览器交互，不再需要使用静态的HTML页面。CGI技术可以从数据库读取信息，将这些信息呈现给用户；还可以获取用户的请求参数，并将这些参数保存到数据库里。
CGI技术开启了动态Web应用的时代，给了这种技术无限的可能性。但CGI技术存在很多缺点，其中最大的缺点就是开发动态Web应用难度非常大，而且在性能等各方面也存在限制。因此就出现了后来的JSP、ASP.NET和PHP等技术。
1.JSP
在介绍JSP之前，先要说说Java。Java是Sun公司推出的新一代面向对象程序设计语言，分为J2ME、J2SE和J2EE。J2SE（Java2PlatformStandardEdition，Java2平台标准版）用于桌面应用，也是J2EE的基础；J2ME（Java2PlatformMicroEdition，Java2平台移动版）用于小型设备，是J2SE的一个子集；J2EE（Java2PlatformEnterpriseEdition，Java2平台企业版）用于企业应用。
J2EE平台由一整套服务（Services）、应用编程接口（API）和协议构成，它对开发基于Web的多层应用提供了功能上的支持，它包含13种核心技术规范，其中就有JSP（JavaServerPages)，就是本节介绍的JSP，用以创建动态网页。注意区别，JavaScript是由Netscape公司开发的一种运行在客户端的脚本程序，和Java没有任何关系，它是一种Web脚本语言，可以嵌入在HTML中，由浏览器软件解释执行。
现在的J2EE平台中，有一种框架SSH（Spring+Struts+Hibernate）就是用来开发JSP大型网站用的，是目前较流行的一种Web应用程序集成框架。
2.ASP.NET
ASP（ActiveServerPage，动态服务器网页）是Microsoft（微软）公司于1996年11月推出的Web应用程序开发技术。严格地说，它既不是一种程序语言，也不是一种开发工具，而是一种技术框架。这种技术一般要结合VBScript和JavaScript脚本语言来开发网页。ASP.NET是ASP技术和.NET技术的结合，它不是ASP的简单升级，而是全新一代的动态网页实现系统，是微软发展的新体系结构.NET的一部分。用这种技术可以结合微软里面的C、VB.NET和J中的任意一种语言（可以混合开发）开发动态网页。
ASP.NET是一个统一的Web开发模型，它包括使用尽可能少的代码生成企业级Web应用程序所必需的各种服务。在3种服务器技术中，可以说ASP.NET是最易入门的一种开发技术。
3.PHP
PHP（HypertextPreprocessor，超文本预处理语言）由RasmusLerdorf在1994年发布了PHP的第一个版本后飞速发展，经过无数的改进和完善，现在已经发展到版本PHP5。PHP是一种嵌入在HTML并由服务器解释的脚本语言。它可以用于管理动态内容、支持数据库、处理会话跟踪，甚至构建整个电子商务站点。
在访问电子商务网站的时候，页面的内容大部分都是从数据库中提取出来的，下面举两个简单的例子说明PHP语言：一个是连接到MySQL数据库的例子；另一个是显示数据的例子。
(1)接到MySQL数据库的例子，代码如下：
在PHP中，这个任务通过mysqlconnect函数完成，在一个变量(con)中存放了在脚本中供稍后使用的连接。如果连接失败，将执行die部分。
(2)显示数据的例子，代码如下：
在PHP中，这个任务组主要循环posts数组，以表格的形式打印显示Post信息，其中包括Id、Title和Created这3个字段。
4.4数据库技术
在电子商务系统中，特别是现在基于Internet的电子商务网站中，网页上看到的大部分动态信息都是以数据的形式存储在数据库中。因此，数据库是网站开发的核心和基础，它把网站中大量的数据按一定的模型组织起来，提供存储、维护、检索数据的功能，使管理员或用户可以方便、及时、准确地从数据库中获得所需的信息。
4.4.1数据库的基本概念
数据、数据库、数据库管理系统和数据库系统是与数据库技术密切相关的4个基本概念。
1.数据
数据(Data)是数据库中存储的基本对象，数据一般都存储在文件或数据库中进行汇总。例如，记录学生档案中的学生记录（李明，男，1992，江西，计算机系）就是数据。
2.数据库
数据库(DataBase，DB)是依照某种数据模型组织起来并存放数据的集合。数据库中的数据是以文件的形式存在存储介质上，它是数据库系统操作的对象和结果，例如，以.dbf、.mdf和.mdb为后缀的文件都是数据库文件。
3.数据库管理系统
数据库管理系统(DataBaseManagementSystem，DBMS)是一组能完成描述、管理、维护数据库的程序系统。它是位于用户与操作系统之间的一层数据管理软件。简单地说，可以把它理解成数据库的文件管理器。例如，图书管理员在查找一本书时，首先要通过目录检索找到那本书的分类号和书号，然后在书库找到那一类书的书架，并在那个书架上按照书号的大小次序查找，这样很快就能找到所需要的书。数据库管理系统就是从图书馆的管理方法改进而来的。人们将越来越多的资料存入计算机中，并通过一些编制好的计算机程序对这些资料进行管理，这些程序后来就被称为数据库管理系统，其中有微软公司的Access、SQLServer和FoxPro，Oracle公司的Oracle和MySQL(被Oracle收购)，IBM公司的DB2和Informix（被IBM收购），以及Sybase公司的Sybase。数据库管理系统的主要功能有：①数据定义功能；②数据操作功能；③控制和管理功能。
4.数据库系统
数据库系统(DataBaseSystem，DBS)是一个实际可运行的存储、维护和为应用系统提供数据的软件系统，是存储介质、处理对象和管理系统的集合体。它通常由软件、数据库、数据管理员和用户组成。其软件主要包括操作系统、实用程序及数据库管理系统。数据库由数据库管理系统统一管理，数据的插入、修改和检索均要通过数据库管理系统进行。数据管理员（DataBaseAdministrator，DBA）一般是由业务水平较高、资历较深的人员担任，负责创建、监控和维护整个数据库，使数据能被任何有权限使用的人有效使用。
4.4.2关系数据模型
数据库中的数据是有结构的，这些结构反映了事物与事物之间的联系，对这种结构的描述就是数据模型，是表示数据与数据之间联系的方法。不同的数据模型以不同的方式把数据组织到数据库中，常用的数据模型有层次模型、网状模型、关系模型和面向对象模型4种。在这4种模型中，层次模型和网状模型已经很少应用，而面向对象模型比较复杂，尚未达到关系模型数据库的普及程度。目前理论成熟、使用普及的模型就是关系模型。
1.关系模型的数据结构
关系模型（RelationDataModel）是以集合论中的关系概念为基础发展起来的数据模型。其主要特征是用表格结构表达实体集，而实体间的联系也用同样的表格结构表达。与层次模型和网状模型相比，关系模型概念简单，没有指针、树、链表等这些底层技术细节，在完全具有层次模型、网状模型的表达能力的同时，关系模型更加易学易用。在关系模型中，现实世界中的每个实体集可以表达为一个关系（Relation），每个关系实际上是一张表格，所以关系也被称为表，而实体集之间的联系也同样用关系表达。也就是说，在关系模型中，现实世界的实体集及实体集之间的联系统一用关系（二维表）来表达，由行和列组成。如表41所示。
表41学生信息表
