Java-Web-入门学习笔记--HTML-CSS篇.docxVIP

概述：HTML是组织展示内容的标记语言，JavaScript是客户端的脚本语言，CSS是美化页面的样式表，这三种技术结合在一起构成了Web开发最根底的知识，所有的Web应用开发都是在这个根底之上进行的。首先对这三种技术的大体情况了解，可迅速对Web开发的根底知识有一个宏观的清楚的认识。

HTML〔HyperTextMarkupLanguage〕

即超文本标记语言，用来描述Web文档数据。用户可以通过URL链接来访问这种Web文档，从而到达信息展示、信息共享的目的。HTML是一种标记语言，每一种HTML标签都是有一定表现含义的。

HTML常用标签：

table在HTML的布局标签中，table标签是使用频率最高的一个。它可以把一组信息用表格的形式表示出来，

DIV在以往的Web页面开发中，表格是首选的布局元素。

a在浏览一个网站的时候，我们经常会遇到一些链接，单击这些链接就会导航的其他的页面。

img在目前的网站开发中，对图片的依赖是其他元素所不能替代的，一个漂亮的网页往往是由一系列图片组合而成。

HTML表单标签：即用来收集用户输入的标签。form/form是表单标签，只有在这个标签中的用户输入才会被提交给效劳器。

其他：Flash标签中可以参加Flash动画，文本标签可以用各种方式组织文本内容的显示

JavaScript脚本

可嵌套在HTML代码中，响应事件，增加静态的HTML网页的交互性，实现浏览器与用户的互动。

Window对象，

所有JS对象中最顶层的对象，整个HTML文档是在一个浏览器的一个窗口，及window对象中显示。

Document对象，

利用其可访问页面上任何的元素。通过控制这些元素，可完成与用户的互动。

Location对象，

在HTML标签中可用a/a超链接标签来控制网页中的跳转，在JS中如果要实现类似的网页跳转功能，只能选择location对象，使用时，在JS代码中添加一下代码即可：window.location.href=“”；

CSS〔CascadingStyleSheets〕即层叠样式表

CSS是一种美化网页的技术。通过使用CSS，可以方便、灵活地设置网页中不同元素的外观属性，通过这些设置可以使网页在外观上到达一个更高的级别.CSS美化网页就是通过设置页面元素的属性来实现的

CSS绝对定位例如

在HTML中布局一般情况下需要使用表格，如果要定位只有通过表格的嵌套来实现，这种方法确实可以在一定程度上解决问题，但是却不能随意定位页面元素，而且对某个元素位置的改变有可能影响到整个页面的布局

JavaScript+DIV+CSS实现下拉菜单

其原理就是在用JavaScript控制不同DIV的显示和隐藏，其中所有的DIV都是用CSS定位方法提前定义好位置和表现形式，下拉的效果只是当鼠标经过的时候触发一个事件

JavaScript+CSS实现表格变色

当鼠标移到某一行的时候，这行的背景颜色发生变化，这样当前行就会比拟突出，不容易出错。

JSP〔JavaServerPage〕技术根底知识

JSP〔JavaServerPage〕是SUN公司开发的一种效劳器端的脚本语言。

本质是：

把Java代码嵌套到HTML中，然后经过JSP容器的编译执行，可以根据这些动态代码的运行结果生成对应的HTML代码，从而可以在客户端的浏览器中正常显示。跨平台，即支持多个操作系统平台，一个用JSP开发的Web应用系统，不用做什么改动就可以在不同的操作系统中运行。

运行原理：

如果JSP页面是第一次被请求运行，效劳器的JSP编译器会生成JSP页面对应的Java代码，并且编译成类文件。当效劳器再次收到对这个JSP页面请求的时候，会判断这个JSP页面是否被修改正，如果被修改正就会重新生成Java代码并且重新编译，而且效劳器中的垃圾回收方法会把没用的类文件删除。如果没有被修改，效劳器就会直接调用以前已经编译过的类文件。

环境搭建：

要运行JSP程序，必需为其提供一个JSP容器，也就是需要一个Web效劳器。支持JSP的效劳器非常多，Tomcat、Resin、Weblogic、WebSphere等，Weblogic和WebSphere都是功能非常强大的重量级效劳器，而且价格昂贵，对计算机的硬件配置要求也比拟高，所以在一般情况下，如果只用到JSP的技术，是没有必要选择这两个效劳器的。

语法：

JSP的结构、变量声名、表达式、动作、指令等JSP的特有语法

程序结构：

一局部是静态的HTML代码；另一局部是动态的Java代码和JSP自身的标签和指令；当JSP页面第一次被请求的时候，效劳器的JSP编译器会把JSP页面编译成对应的Java代码，根据动态Java代码执行的结果，生成对应的纯HTML的字符串返回给浏览器，这样就可以把