清华JSP程序设计第10章.ppt

第11章 HTML与JavaScript 本章学习要点: 网页的基本组成； 网页中的文字与段落； 在网页中建立超链接； 在网页中使用表格； 在网页中使用框架； 在网页中使用图片； 在网页中使用表单； 使用JavaScript实现与网页的交互。 第11章 HappyChat线程技术应用 11.1 静态网页与HTML 11.2 JavaScript 11.3 本章小结 11.1 静态网页与HTML HTML（Hypertext Marked Language），即超文本标记语言，是一种用来制作超文本文档的简单标记语言。它能独立于各种操作系统平台， 所谓超文本，是指可以加入图片、声音、动画、影视等内容， HTML只是一个纯文本文件。创建和调试HTML文档，需要两个工具，一个是HTML编辑器，一个WEB浏览器。HTML编辑器是用于生成和保存HTML文档的应用程序。WEB浏览器是用来打开WEB网页文件，提供给我们查看WEB资源的客户端程序。 网页的组成 1.HTML的标签与属性 标签是在HTML文档中用“”和““”括起来的语句，是用来分割和标签文本的元素， 属性是标签到的参数的选项，大多数标签都有自己的一些属性， 属性要写在始标签内，属性用于进一步改变显示的效果， 各属性之间无先后次序，属性是可选的，属性也可以省略而采用默认值。 标签与属性的使用格式如下： 标签名字 属性1 属性2 属性3 … 内容/标签名字 网页的组成 2.页面的头部标签head 一个HTML文档是由一系列的元素和标签组成，元素名不区分大小写，HTML用标签来规定元素的属性和它在文件中的位置， HTML超文本文档分文档头和文档体两部分，在文档头里，对这个文档进行了一些必要的定义，文档体中才是要显示的各种文档信息。 第一个HTML文件first.html。通过该文件展现了HTML文件的一般结构。 html ??? //页面开始标签 head title Easy_buy电子商城 /title //头部标签 /head body //文件主体 center h1欢迎光临easy_buy电子商城/h1 br hr font size= 3 color= red 请大家多提宝贵意见 制作人：liuzc /font /center /body/html 演示结果 网页的组成 3.html的主体标签body ?在body和/body中放置的是页面中所有的内容，如图片、文字、表格、表单、超链接等设置。body标签有自己的属性，设置 body标签内的属性，可控制整个页面的显示方式。 主体标签的演示结果 网页的组成 4.颜色的设定 在HTML页面中，颜色通常有以下两种表示法： （1）直接表示法? 使用颜色值关键字表示一种颜色，如使用“red”表示红色。 （2）RGB表示法 使用RGB格式的数字来表示一种颜色。在 HTML 中对颜色的定义是用十六进位的，对于三原色 HTML 分别给予两个十六进位去定义，也就是每个原色可有 256 种彩度，故此三原色可混合颜色。 文字与段落 1.换行标签br 换行标签是个单标签，也叫空标签，不包含任和内容，在html文件中的任何位置只要使用了br标签， 2.换段落标签p及属性： 由p标签所标识的文字，代表同一个段落的文字。不同段落间的间距等于连续加了两个换行符，也就是要隔一行空白行，用以区别文字的不同段落。它可以单独使用，也可以成对使用。单独使用时，下一个P的开始就意味着上一个P的结束。 使用格式如下： PP ALIGN= 参数 文字与段落 3.居中对齐标签center 文本在页面中使用center标签进行居中显示，center是成对标签，在需要居中的内容部分开头处加center，结尾处加/center。 4.水平分隔线标签hr hr标签是单独使用的标签，是水平线标签，用于段落与段落之间的分隔，使文档结构清晰明了，使文字的编排更整齐。通过设置hr标签的属性值，可以控制水平分隔线的样式。 文字与段落 5.特殊字符 在HTML文档中，有些字符没办法直接显示出来，使用特殊字符可以将键盘上没有的字符表达出来，而有些HTML文档的特殊字符在键盘上虽然可以得到， 6.注释标签 在HTML文档