[高等教育]lecture 012 HTML与XHTML基础知识.pptVIP

第一讲 之二 静态WEB网站技术 本节内容 基本静态网站系统的构成要素 WEB/HTTP服务器的安装与测试 客户端页面技术HTML XHTML:更严格更纯净的 HTML 代码 作业 小结 1.基本静态WEB系统的构成要素 WEB系统是一个分布式系统: 包含客户端，服务器端两部分 二者通过Internet,应用HTTP/HTTPS协议进行通信 基本的网站系统构成结构如下图所示： 1.1 WEB服务器(HTTP服务器) WEB服务器通过一个运行WEB服务器软件的计算机实现，它要求： 连接到Internet上，拥有一个独立的IP地址 运行一个WEB服务器软件，分配正确的端口号 常用的WEB软件有： 微软的IIS 开源WEB服务器软件Apache 常用端口号为:80 指定一个Web根目录。 设定适当的安全性参数 2.1 Apache服务器的安装与运行 下载Apache http服务器：在站点 /download.cgi下载httpd-2.2.16-win32-x86-no_ssl.msi 安装所下载的程序 启动apache服务器 进入windows系统的[开始]/[程序]/[管理工具]/[服务],可见如下服务项： 2.2 从浏览器访问所启动的Apahce HTTP服务器 在本机浏览器地址栏输入： http://localhost 或http://localhost:80 或 或:80 得到如下效果： 证明HTTP服务器正常运行 “It Works!”从哪里来？如何设置自己的站点和页面？ 从其它联网的电脑的浏览器地址栏输入其IP地址，可得到同样的效果,这就是一个有效的WEB服务器! 2.3 找到WEB/HTTP服务器的默认页面 查看Apache HTTP服务器安装目录下名为htdocs的文件夹：如：D:\Program Files\Apache Software Foundation\Apache2.2\htdocs 其中有一个名为index.html文件,用”记事本”打它，可看到如下内容： html body h1It works!/h1 /body /html 2.4 向WEB/HTTP服务器中放入自己的HTML页面 模仿index.html，用记事本编辑一个名为hello.html的页面存入htdocs文件夹下，内容如下所示： html body h1 Hello! I am Li Xiangyang /h1 /body /html 2.5 从服务器打开自己的HTML页面 在本机浏览器地址栏输入： http://localhost/hello.html 得到如下效果： 从其它联网电脑的浏览器地址栏输入该机IP地址，将得到同样的效果 3.1 HTML 基础知识 在各种Web开发技术中，HTML无疑是最为基础的。任何动态语言都离不开HTML的支持。 3.1.1 什么是HTML HTML（Hyper Text Markup Language）即超文本标记语言，用来描述Web文档数据。 用户可以通过URL链接来访问这种Web文档，从而达到信息展示、信息共享的目的。 3.1.2 HTML运行原理 前面介绍HTML定义的时候就说过，HTML是一种标记语言，每一种HTML标签都是有一定表现含义的。 浏览器就是按照HTML标签的语义规则把HTML代码翻译成漂亮的网页。 3.2 常用的HTML标记 表单 (form) 文本框 (text) 文本区域 (textArea) 单选按钮 (Radio) 复选框 (checkbox) 下拉列表框 (select) 按钮 (submit) 表格 (table、tr、td) 超级链接 (a) 3.2.1. 表单 (form) 3.2.2. 文本框(text) 3.2.3. 文本区域 (textArea) 3.2.4. 单选按钮 (Radio) 3.2.5. 复选框 (checkbox) 3.2.6. 下拉列表框 (select) 3.2.7. 按钮 (submit) 3.2.8. 超级链接 (a) 3.2.9. 表格 (table、tr、td) table width=300 border=1 cellspacing=1 cellpadding=1 tr align=center  td第一行第一列/td td第一行第二列/td /tr tr align=center td第二行第一列/td td第二行第二列/td /tr /table 3.4 HTML表单标签 前面讲述的都是HTML向用户