HTMLCSSJavaScript综述.pptx

第4章 HTML/CSS/JavaScript综述 第4章 HTML/CSS/JavaScript综述 本章通过举例说明HTML、CSS、JavaScript之前的关系， HTML、CSS、JavaScript分别是什么，HTML、CSS、JavaScript特点又怎么样。 本章要点 了解HTML、CSS、JavaScript在网页的角色 了解HTML、CSS、JavaScript代码特点 了解HTML、CSS、JavaScript代码结构 4.1 HTML综述 超文本标记语言或超文本链接标示语言（标准通用标记语言下的一个应用）HTML（HyperText Mark-up Language）是一种制作万维网页面的标准语言，是万维网浏览器使用的一种语言，它消除了不同计算机之间信息交流的障碍。 4.1.1 HTML所扮演的角色 HTML所扮演的角色：是Internet上网页设计主要角色，是网页的基础构架，几乎所有的网页都是基于HTML构架的，网页中的动画、音频、图像等各种复杂的元素都是基于HTML构架。 4.1.2 HTML代码片段 4.2 CSS综述 CSS是Cascading Style Sheets的缩写，中文意思即层叠样式表，“样式”是指网页中文字大小、颜色、图片位置等格式，“层叠”是指当HTML中引用了数个样式文件（CSS文件）时，当样式文件中的样式发生冲突时，浏览器将依据层叠顺序处理。 4.2.1 CSS所扮演的角色 CSS是目前唯一的网页页面排版样式标准。它能使任何浏览器都听从指令，知道该以何种布局、格式显示各种元素及其内容。CSS可以控制网页字体的变换和大小，弥补了HTML对网页格式化的不足，起来排版定位的作用，可实现页面格式的动态更新。 4.2.2 CSS代码片段 style type= text/css ! -- h1{ font-family:仿宋; font-size:30px; color:blue; } -- /style 使用了CSS的HTML代码片段 4.3 JavaScript综述 JavaScript是一种基于对象的脚本语言,这种语言可以被嵌入 HTML 的文件之中。透过 JavaScript 可以做到回应使用者的需求事件 (如： form表单 的输入) 而不用任何的网路来回传输资料，所以当一位使用者输入一项资料时，它不用传给服务端 (server)处理，再传回来的过程，而直接可以被客户端 (client) 的应用程式所处理。 4.3.1 JavaScript所扮演的角色 JavaScript扮演的角色是：用于开发Internet客户端的应用程序。它可以结合HTML、CSS，实现一个Web页面与Web客户端交互的功能。解决了HTML和CSS只能提供给客户一种静态的、缺少交互性(Web游戏就是一个交互的典型例子)的信息。 4.3.2 JavaScript代码片段 script language = JavaScript !-- alert(这就是JavaScript起的作用); -- /script JavaScript小案例 4.5 小结 （1）HTML是基础架构，CSS是控制布局和元素显示效果的，JavaScript是实现网页动态性、交互性的点睛之笔。 （2）HTML的标记，HTML以html开始，以/html结束，在HTML嵌入的CSS是 以style开始，以/style结束。JavaScript是以Script Language=JavaScript开始，以/Script结束。 4.7 上机练习——仿照4-3-2.html练习