文档介绍：课程简介
本门课程有三部分内容组成:
HTML语言部分:介绍制作网页的最基本的知识
CSS样式部分:进一步美化所制作的网页,设计各种格式
JavaScript部分:在页面中增加各种动态控制内容
1
补充说明:当今Web编程技术纵览
2
C
J2EE — Java EE
J2SE
Java
网络基础
J2EE Web开发
JSP、Servlet
JavaBean、EJB
J2EE 框架技术
Struts、Hibernate
Spring、Ajax JSF
html、CSS、JavaScript
数据库
Access
SQL Server
Oracle、MySQL
JDBC-ODBC
数据库
SQL Server
Oracle、MySQL
JDBC
C/S编程
B/S—Web编程
ASP
C#
PHP
静态网页
动态网页
HTML页面应用
3
HTML页面应用
4
第1章 HTML、CSS、JavaScript综述
5
HTML、CSS、JavaScript代码示例
HTML、CSS、JavaScript的基本概念
如何学****HTML、CSS、JavaScript
HTML、CSS、JavaScript综合应用
HTML/CSS/JavaScript代码示例
【例h1-】html页面
6
<html>
<head>
<title>第一个HTML文件</title>
</head>
<body>
<h2 align="center“>这是HTML代码</h2>
<hr />
<p>我们在学****HTML。</p>
</body>
</html>
设计第一个html页面:
传统html属性
文本居中对齐
【例h1-】html+CSS页面
7
<html>
<head>
<title>第一个HTML文件</title>
<style type="text/css">
h2{ color:blue; font-family:黑体; text-align:center; }
p { color:red; }
</style>
</head>
<body>
<h2>这是HTML代码</h2>
<hr />
<p>我们在学****HTML。</p>
</body>
</html>
注意:
样式的修改会影响到每个应用该样式的页面效果
【例h1-】html+CSS+JavaScript页面
8
设计页面如图:
弹出对话框问候。
【h1-】
9
<html>
<head> <title>第一个HTML文件</title>
<style type="text/css">
h2{ color:blue; font-family:黑体; text-align:center; }
p { color:red; }
</style>
<script language="JavaScript" type="text/javascript" >

</script>
</head>
<body>
<h2>这是HTML代码</h2> <hr />
<p> 我们在学****HTML。</p>
</body>
</html>

<html>
<head>
<title>第一个实例</title>
<style type=text/css>

</style>
</head>
10
设置body的背景样式、h2标题样式及一个段落样式。