PHP+MYSQL动态网站开发(完整版).ppt

第2章 预备知识： HTML与JavaScript 2.1 什么是HTML 2.2 HTML的文本标记及属性 2.3 插入图片和超链接 2.4 表格的使用 2.5 创建表单 2.6 JavaScript简介 2.7 JavaScript语法 2.8 JavaScript使用范例 2.1 什么是HTML 2.1.1 HTML的概念 HTML（HyperText Markup Language）即超文本标识语言，是WWW的描述语言。 设计HTML语言的目的是为了能把存放在一台电脑中的文本或图形与另一台电脑中的文本或图形方便地联系在一起，形成有机的整体，人们不用考虑具体信息是在当前电脑上还是在网络的其它电脑上。我们只需使用鼠标在某一文档中点取一个图标，Internet就会马上转到与此图标相关的内容上去，而这些信息可能存放在网络的另一台电脑中。 2.1 什么是HTML 2.1.1 HTML的概念 HTML只是一个纯文本文件。创建一个HTML文档，只需要两个工具，一个是HTML编辑器，一个WEB浏览器。 HTML编辑器是用于生成和保存HTML文档的应用程序，如记事本、写字板。WEB浏览器是用来打开WEB网页文件，提供给我们查看WEB资源的客户端程序，如Internet Explorer，Netscape等。 2.1 什么是HTML 2.1.2 HTML的结构 HTML的结构包括头部（Head）、主体（Body）两大部分，其中头部描述浏览器所 需的信息，而主体则包含所要说明的具体内容。 2.1 什么是HTML 2.1.2 HTML的结构 1:html 2:head3: title HTML文档范例/title4:/head?5:body 6: center??????????????????????????????????? ?7: font size=”6”这是一个HTML范例/font????????8: /center9:/body 10:/html 2.1 什么是HTML 2.1.2 HTML的结构 输入代码完毕保存文件的时候，应当注意几点： 1、文件名一栏，记得要把后缀名.html或者.htm加上； 2、保存类型，一定选择所有文件，否则会默认保存为文本文档(后缀.txt)。 当我们保存完毕之后，就会看到目录下多了 这样一个文件，这就说明我们把文件正确保存了，双击用默认的Internet Explorer打开。 2.1 什么是HTML 2.1.3 HTML的标签及属性 一个HTML文档是由一系列的元素和标签组成。元素名不区分大小写，HTML用标签来规定元素的属性和它在文件中的位置。 “”和 “”括起来的句子，我们称它为标签，是用来分割和标签文本的元素，以形成文本的布局、文字的格式及五彩缤纷的画面。 标签通过指定某块信息为段落或标题等来标识文档某个部件，属性是标志里的参数的选项。 2.1 什么是HTML 2.1.3 HTML的标签及属性 标签及属性格式如下： 标签名字 属性1=值 属性2=值 属性3……内容/标签名字 例如，范例中的font size=”6”这是一个HTML范例/font 2.1 什么是HTML 2.1.4 HTML的开发工具 HTML的开发工具极多，只要是文本编辑软件都可以进行HTML代码编写，如上述范例，就是用Windows自带的记事本进行HTML编写的，简单实用，国外用HotDog pro编写的居多。笔者推荐用UltraEdit进行HTML的编写，或者用FrontPage 2003切换到代码界面进行编写。 2.2 文本与项目符号 2.2.1 HTML的文本标签 1、换行符 在HTML文本中的换行需要用br表示，它是个单标签，没有属性，虽然在HTML3.0之后可以写作br/br，但没有实际意义。在html文件中的任何位置只要使用了br标签，当文件显示在浏览器中时，该标签之后的内容将显示下一行。在HTML源代码里，对回车符是忽略的，所以要想换行就用br标签。 2.2 文本与项目符号 2.2.1 HTML的文本标签 2、分段符 p标签所标识的文字，代表同一个段落的文字。不同段落间的间距等于连续加了两个换行符，用以区别文字的不同段落。它可以单独使用，也可以成对使用。单独使用时，下一个p的开始就意味着上一个p的结束。良好的习惯是成对使用。 分段符的写法是p，它有一个属性就是align，有三种取值：left、center和right，分别代表居左、居中和居右，默认是居左。此标签写法为p align=”值”。 2.2 文本与项目符号 2.2.1 HTML的文本标签 3、文字缩排 blockquote标签可以用来建