网上购物系统开发环境搭建.PPT

本章作为PHP编程的预备知识，主要介绍HTML基础（其中主要包括各种HTML标记）以及JavaScript的使用。 以应用为目标，具有较强的实践性,重点和难点突出；在相应的知识点后面都附有小结、习题和实训。 学习对象 希望了解Web基础方面知识的学生、专业人士等 学习目标 在完成本单元的学习后，您将能够： HTML基础知识； JavaScript的使用。 HTML基础知识 Web基础 2.1.1 HTML概念 当畅游Internet时，通过浏览器所看到的网站是由HTML语言所构成的。HTML是一种建立网页文件的语言，通过标记式的指令（Tag），将影像、声音、图片、文字等连接显示出来。这种标记性语言是因特网上网页的主要语言。 HTML网页文件可以使用记事本、写字板或Dreamweaver等编辑工具来编写，以.htm或.html为文件后缀名保存。将HTML网页文件用浏览器打开显示，若测试没有问题则可以放到服务器（Server）上，对外发布信息。 HTML基础知识 Web基础 2.1.1 HTML概念 当畅游Internet时，通过浏览器所看到的网站是由HTML语言所构成的。HTML是一种建立网页文件的语言，通过标记式的指令（Tag），将影像、声音、图片、文字等连接显示出来。这种标记性语言是因特网上网页的主要语言。 HTML网页文件可以使用记事本、写字板或Dreamweaver等编辑工具来编写，以.htm或.html为文件后缀名保存。将HTML网页文件用浏览器打开显示，若测试没有问题则可以放到服务器（Server）上，对外发布信息。 HTML基础知识 Web基础 2.1.2 HTML基本语法 HTML标记是由“”和“”所括住的指令标记，用于向浏览器发送标记指令。主要分为：单标记指令、双标记指令（由“起始标记”＋内容＋“/结束标记”构成）。 HTML语言使用标志对的方法编写文件，既简单又方便。它通常使用“标志名内容/标志名”来表示标志的开始和结束，因此在HTML文档中这样的标志对都必须是成对使用的。 为了便于理解，将HTML标记语言大致分为基本标记、格式标记、文本标记、图像标记、表格标记、链接标记、表单标记和帧标记等。 HTML基础知识 Web基础 2.1.3 基本标记 基本标记是用来定义页面属性的一些标记语言。通常一份HTML网页文件包含3个部分：标头区HEAD……/HEAD、内容区BODY……/BODY和网页区HTML……/HTML。 1．html……/html html标志用于HTML文档的最前边，用来标识HTML文档的开始。而/html标志恰恰相反，它放在HTML文档的最后边，用来标识HTML文档的结束，两个标志必须一块使用。 2．head……/head head和/head构成HTML文档的开头部分，在此标志对之间可以使用title/title、script/script等标志对。这些标志对都是用来描述HTML文档相关信息的，head和/head标志对之间的内容是不会在浏览器的框内显示出来的，两个标志必须一块使用。 3．body……/body body和/body是HTML文档的主体部分，在此标志对之间可包含p……/p、h1……/h1、br、hr等众多的标志。它们所定义的文本、图像等将会在浏览器的框内显示出来。body标志主要属性如表2-1所示。 4．title……/title 使用过浏览器的人可能都会注意到浏览器窗口最上边蓝色部分显示的文本信息，那些信息一般是网页的主题。要将网页的主题显示到浏览器的顶部其实很简单，只要在title/title标志对之间加入需要显示的文本即可。 HTML基础知识 Web基础 2.1.4 格式标记 这里所介绍的格式标记都是用于body/body标志对之间的。 1．p……/p p/p标志对是用来创建一个段落，在此标志对之间加入的文本将按照段落的格式显示在浏览器上。p标志还可以使用align属性，它用来说明对齐方式，语法如下所示。 p align=参数/p Align的参数可以是Left（左对齐）、Center（居中）和Right（右对齐）3个值中的任何一个。例如p align=center/p表示标志对中的文本使用居中的对齐方式。 2．br br是一个很简单的单标记指令，它没有结束标志，因为它用来创建一个回车换行，即标记文本换行。 3．blockquote……/blockquote 在blockquote/blockquote标志对之间加入的文本将会在浏览器中按两边缩进的方式显示出来。 4．dl……/dl、dt……/dt、dd……/dd dl/dl用来创建一个普通的列表；dt/dt用来创建列表中的上层项目；dd/dd用来创建列表中最下层项目，dt/dt和dd/dd都必须放在dl