JSP动态网页开发 姜海岚主编 第3章 HTML相关技术基础知识新.pptVIP

* 第三章 HTML相关技术基础知识 * 本节内容 3.1　HTML基础知识 * 3.1　HTML基础知识 3.1.1　HTML概述 3.1.2　HTML页面的基本结构 3.1.3　HTML常用标记 3.1.4　页面布局（CSS） * 3.1.1　HTML概述 HTML（Hypertext Marked Language）：超文本标记语言）是一种用来制作超文本文档的简单标记语言。 HTML文档是由HTML元素组成的文本文件，它能独立于各种操作系统平台（如Linux，Windows等）进行浏览。 * 3.1.2　HTML页面的基本结构 HTML的文件结构主要由以下三组标记构成： html/html head/head body/body 说明： html标记用以告知浏览器从这里开始是HTML文件，让浏览器认出并正确处理此HTML文件，整个HTML文件处于标记html与/html之间。 HTML文件头：位于head和/head标记之间； 正文：位于body至/body标记之间 * 3.1.3　HTML常用标记 HTML标记 含 义 html/html 声明这个文件是一个HTML文件，在文件的开头为开始标记，在文件的结尾为结束标记 head/head 声明网页文件头，紧跟在HTML开始标记之后 title/title 声明网页的标题，在HAED的开始和结束标记之间 body/body 声明文件主体，包括所有的文本、图片及文档中其他标记 font color=/font 声明文字颜色 br 插入一个空行 ul/ul 声明一个无序列表 ol/ol 声明一个有序列表 * HTML标记 含 义 i/i 声明其包含部分中的文字使用斜体 a href=/a 说明其包含的部分是个超级链接，等号后面是链接内容的URL img scr= 插入一个图片文件，等号后面是图片文件的URL li 声明一个列表项 b/b 声明其包含部分中的文字使用粗体 hr 插入一个水平分隔线 续表 例3-2，3-3，3-4，3-5，3-6，3-7 * 表单标记 表单主要用于输入数据，实现系统与用户交互。表单的处理过程如下：当单击表单中的提交按钮时，表单中的信息会上传到服务器中，然后由服务器端的应用程序（例如CGI，ASP，PHP，JSP）等进行处理，处理后将用户提交的信息储存在服务器端的数据库中，或者将有关信息返回到客户端浏览器上。 例3-8 * 表单的通用格式是： form method=“Post” action=“do_submit.asp”…/form 。 tips： 表单元素包含在form标记中， method=Post是传送信息的方式，可选值为 Post, Get Post在浏览器的地址栏中不显示提交的信息，对传送的数据量大小没有限制； Get在浏览器的地址栏中显示提交的信息，最大传输的信息量是2K，一般用Post。 action属性是设置把输入的信息提交到哪个文件。 * 3.1.4　页面布局（CSS） CSS（Cascading Style Sheets）简称样式表。在编码过程中，HTML负责网页的具体内容，而CSS则修饰网页的表现形式。可以用style属性将CSS内联到网页中。 例3-9 css.htm html head title我的第一个CSS页面/title style type=text/css h1 {font-size:30px; font-family:宋体;} h2 {font-size:15px; font-family:黑体;} p {font-size:8px; font-family:隶书;} /style /head body h1我的第一个CSS页面/h1 h2欢迎参观我的第一个CSS页面/h2 p你可以在这里了解CSS的原理/p /body /html * 3.2　JavaScript基础知识 3.2.1 JavaScript语言概况 3.2.2 网页中引入JavaScript 3.2.3 JavaScript基本数据结构 3.2.4 JavaScript程序构成 3.2.5 JavaScript内置对象 3.2.6 JavaScript系统函数 3.2.7 对象层次及DOM模型 * 3.2.1 JavaScript语言概况 JavaScript是一种脚本语言。使用它的目的是与HTML超文本标记语言、Java 脚本语言（Java小程序）一起实现在一个Web页面中链接多个对象，与Web客户交互作用，从而可以开发客户端的应用程序等。 它是通过嵌入或调入在标准的HTML语言中实现的。 * 网页中引入JavaScript 例3-10 firs