HTML、CSSJAVASCRIPT2.ppt

内容提要 本章首先网页的工作原理 介绍HTML的发展历史、HTML的文档结构、了HTML的各种常用标记：文字标记、图片标记、超级链接标记，等等 介绍JavaScript中的变量、数组、表达式、运算符、流程控制语句、JavaScript的函数、内置对象、浏览器对象的层次和DOM模型的建立和使用 最后介绍CSS的基本使用方法，如何让CSS与HTML协同工作 JSP应用项目结构 浏览器端用户界面的开发： HTML，开发静态网页 JavaScript，简单的事件响应，输入验证。 CSS，浏览页面的美观 Applet，应用于客户端 JSP应用项目结构 服务器端业务逻辑处理的开发： Java语言基础 JSP知识 Servlet知识 JavaBeans知识 JSP应用项目结构 数据库的开发： 数据库的原理和设计 数据库的创建及维护 SQL语言以及存储过程等 HTTP请求/响应模型 访问Web服务器的过程 资源可以是各式各样的 一个原封不动返回浏览器的简单HTML文件 一个动态生成响应的程序。 JSP示例(Hello.jsp) HTML基础 JSP示例： %@ page contentType=text/html; charset=GBK % html head titlehelloworld/title /head body bgcolor=#ffffff % out.println(Hello World!); % /body /html 经过对上述JSP文件的分析我们发现: JSP=HTML+JSP元素，因此需要对HTML进行一番研究 HTML基础 HTML (Hyper Text Markup Language)语言简介 超文本标记语言HTML源于标准通用化标记语言SGML（Standard General Markup Language）是SGML的子集（XML同样也是其子集），由Web的发明者Tim和Daniel于1990年创立。 HTML是一门标记型语言，只要记住各个标记的用法即可 可以用任何文本编辑器来编写HTML页面，只要将创建的页面保存为html或htm即可 在客户端浏览器可以查看所编写的源代码 HTML的编辑和运行环境 HTML的编辑环境 所见及所得的编辑器，如：Dreamweaver、FrontPage 任何文本编辑工具，如：记事本、EditPlus HTML的运行环境 浏览器 Internet Explorer 6 FireFox1.5 由于各浏览器对HTML的支持有差别，所以尽量避免使用非规范的HTML标记 HTML语言简介 HTML的基本语法 HTML文件由标记和文本组成，格式为： 标记在浏览器中显示的文本/标记 标记名和“”之间不能有空格 属性通过属性控制各种输出效果，格式为： 标记 属性1＝属性值 属性2＝属性值 … 受到属性影响的文本 /标记 例如：font size=4 color=red属性示例/font 属性之间没有顺序，且只能加于起始标记中。 HTML语言简介 标记可以分为单标记和双标记两种： 单标记单独使用，如：br 双标记成对使用，如：head…/head 对于同一段文本，可以使用多个嵌套标记来共同作用，产生一定的效果，但需要注意标记出现的顺序。 headtitle网页标题/title/head headtitle网页标题/head/title （错误） HTML语言不区分大小写 HTML注释 HTML注释 HTML的注释标记为“!--”和“--”可以插入到HTML文本的任何地方 例如：!--这是HTML注释-- HTML或JSP文件中HTML注释将发送到客户端浏览器，但不显示 这与后面将要讲解的JSP注释不同：JSP注释的内容不会发送到客户端，但在注释出现的位置出现一个空行 HTML文件的基本结构 HTML文件的基本结构 HTML文件以html开头，以/html结束 HTML文件包括头部head和主体body两个部分 基本结构为： HTML HEAD TITLE网页标题/TITLE /HEAD BODY/BODY /HTML 例2-1.html HTML文件的基本结构 HMTL文件标题标记 title网页标题/title head标记是可选的，可以没有head标记，而单独使用title标记 HTML的标记不可以直接出现在要显示的内容中，如果需要显示则必须使用相应的转义符代替： 例2-2.htm 浏览器对空白的处理 浏览器忽略 开头和结尾的空格 换行 缩进 连续的空格、换行、缩进 只保留一个 特殊情况除外 例如pre/pre中包括的内容 HTML文件的基本结构 HTML文件的主体标记 body b