第一部分 HTML语言与网页设计 一、HTML基本标记 ●在HTML语言中，其标记大多成对出现。 <html> <head> <title> Hello, world! </title> </head> <body> Hello,world! </body> </html> ●在HTML语言中，其标记大多成对出现。 ●其中<html>和</html>分别位于文件的开头和结尾。 ●<head>和</head>标记位于文件开始部分，标记中的内容是对文件基本性质的描述。 ●<body>和</body>标记位于<html>和</html>之间，其中是网页显示的内容。 注意：<html> </html>和<body> </body>是网页中必不可少的标记。 下面是一个简单的网页源代码：
<html> <head> <title> Hello, world! </title> </head> <body> Hello,world! </body> </html>
二、分段和换行 一）源代码 <html> <head><title>给文字分段落</title></head> <body> <p> 这段程序的源文件包括了很多行文字， 但是会被浏览器忽略， 看到的仅仅是一行。 </p> <p> 这段程序的源文件也包括了很多行文字，<br> 但由于使用了<br>标记，<br> 所以在浏览器中能显示出来。<br> </p> <p align="center">居中对齐</p> <p align="left">左对齐</p> <p align="right">右对齐</p> </body></html>
<html> <head><title>给文字分段落</title></head> <body> <p> 这段程序的源文件包括了很多行文字， 但是会被浏览器忽略， 看到的仅仅是一行。 </p> <p> 这段程序的源文件也包括了很多行文字，<br> 但由于使用了<br>标记，<br> 所以在浏览器中能显示出来。<br> </p> <p align="center">居中对齐</p> <p align="left">左对齐</p> <p align="right">右对齐</p> </body></html>
二）显示效果 这段程序的源文件包括了很多行文字，但是会被浏览器忽略，看到的仅仅是一行。 这段程序的源文件也包括了很多行文字， 但由于使用了<br>标记， 所以在浏览器中能显示出来。 居中对齐 左对齐 右对齐
三、说明 <p>和</p>标记用于为文本分段，位于<p>和</p>之间的文本单独构成一个段落。 <br>标记用于文本换行。 参数align用与控制每段的对齐方式，center为居中对齐，left为左对齐，right为右对齐，默认状态为左对齐。 注意分段和换行的区别：两段之间间距较宽，而两行之间间距较窄。
三 文字修饰 一）源代码 <html> <head> <title>文本格式</title> </head> <body bgcolor="#CCFFFF"> <p><b>粗体</b></p> <p><i>斜体</i></p> <p> <font color="#FF0000" size="1">红色</font> <font color="#008000" size="2">绿色</font> <font color="#0000FF" size="3">兰色</font> <font color="#800080" size="4">紫色</font> </p> </body> </html>
二）显示效果 粗体 斜体 红色 绿色 兰色 紫色
三）说明 1、bgcolor ="#CCFFFF"用于定义网页的背景颜色，它是<body>、</body>标记对的一个参数，请注意它的位置。 引号中的字符为背景颜色的RGB值。 2、我们可以使用<b>和</b>标记对使文字显示为粗体，使用<i>和</i>标记对使文字显示为斜体。 3、使用<font color="#008000" size="2">和</font>标记对可以定义文字的颜色和大小，其中color参数用于定义颜色，size参数用于定义大小。
四 水平线 一）源代码 <html> <head><title>水平线</title></head><body> <hr width="50%" size="10" color="#008000"> <center><hr>标记用来一条定义水平线。</center> <hr width="50%" size="10" color="#008000" align="left"> <hr width="50%" size="10" color="#008000" align="right"> <hr width="100%" size="1" color="#008000" > <hr> </body> </html>
<hr>标记用来定义一条水平线。 二）显示效果 <hr>标记用来定义一条水平线。
三）说明 1、<hr>标记用来一条定义水平线。 2、其中参数width用于控制线长，可以使用百分比或像素两种表示方法。 3、size控制水平线的粗细；color控制水平线的颜色。
五 超链接 一）源代码 <html> <head> <title>超链接</title> </head> <body> <p><a href="1.htm">第一个页面</a></p> <p><a href="2.htm" target="_blank">第二个页面</a></p> </body> </html>
二）显示效果 第一个页面 第二个页面
<a href="链接的文件名">和</a>标记对用于定义一个超链接。 三）说明 <a href="链接的文件名">和</a>标记对用于定义一个超链接。 参数target="_blank"则打开一个新的浏览器窗口，并在其中显示所链接文件的内容。
六 显示图片 一）源代码 <html> <head><title>显示图片</title></head> <body> 在这里插入一幅图片 <p><img src="7-1.gif" > </p> </body> </html>
二）显示效果 在这里插入一幅图片
<img src=“pic/7-1.gif”> 标记用于插入图片，src参数后面是图片的位置和名称。 三）说明 <img src=“pic/7-1.gif”> 标记用于插入图片，src参数后面是图片的位置和名称。 浏览器并不支持所有格式图片的显示，网上常用的图片格式有 .gif .jpg 和 .jpeg。
七 表格及其用途 1、在HTML代码中<table>与</table>用于定义一个表格，<tr>与</tr>用于定义一行，<td>与</td>用于定义一列。 2、参数width="200"定义宽度，height="200"定义高度，border="1"定义边框的粗细，align="center"定义表格对齐方式，cellspacing="1"定义单元个的间距，bordercolor="#000099"定义边框的颜色，bgcolor="#FFCC99"定义背景色。 3、表格在网页中的更多的被用于页面的排版和定位
一个简单的表格源代码： <table> < tr >//定义一行 <td> </td>定义一列 <td> <td> </tr> </table> 这里，我们首先定义了一个表格，然后在表格中，划分了一行，在这一行中，又定义了两列。
<table width="200" height="20" border="1" align="center" cellpadding="6" cellspacing="1" bordercolor="#000099" bgcolor="#FFCC99"> <tr border="1" align="center" cellpadding="6" cellspacing="1" bordercolor="#FF0000" bgcolor="#33FF66"> <td> </td> <td rowspan="2"> </td> </tr> <tr> <td align="center" cellpadding="6" cellspacing="1" bordercolor="#000000" bgcolor="#FFCC33" >25</td> </table>
创建不规则表格 rowspan 与 colspan分别表示一个单元格跨越几行或几列。 使用这两个参数可以创建不规则表格。
第二部分 JAVA Script 一 JavaScript简介 JavaScript是一种基于对象(Object)和事件驱动(Event Driven)并具有安全性能的脚本语言。使用它的目的是与HTML超文本标记语言、Java 脚本语言（Java小程序）一起实现在一个Web页面中链接多个对象，与Web客户交互作用。从而可以开发客户端的应用程序等。它是通过嵌入或调入在标准的HTML语言中实现的。它的出现弥补了HTML语言的缺陷，它是Java与HTML折衷的选择，具有以下几个基本特点： 1、是一种脚本编写语言 JavaScript是一种脚本语言，它采用小程序段的方式实现编程。像其它脚本语言一样,JavaScript同样已是一种解释性语言,它提供了一个易的开发过程。 它的基本结构形式与C、C++、VB、Delphi十分类似。但它不像这些语言一样，需要先编译，而是在程序运行过程中被逐行地解释。它与HTML标识结合在一起，从而方便用户的使用操作。 2、基于对象的语言。 JavaScript是一种基于对象的语言，同时以可以看作一种面向对象的。这意味着它能运用自己已经创建的对象。因此，许多功能可以来自于脚本环境中对象的方法与脚本的相互作用。
3、简单性 JavaScript的简单性主要体现在：首先它是一种基于Java基本语句和控制流之上的简单而紧凑的设计, 从而对于学习Java是一种非常好的过渡。其次它的变量类型是采用弱类型，并未使用严格的数据类型。 4、安全性 JavaScript是一种安全性语言，它不允许访问本地的硬盘，并不能将数据存入到服务器上，不允许对网络文档进行修改和删除，只能通过浏览器实现信息浏览或动态交互。从而有效地防止数据的丢失。 5、动态性的 JavaScript是动态的，它可以直接对用户或客户输入做出响应，无须经过Web服务程序。它对用户的反映响应，是采用以事件驱动的方式进行的。所谓事件驱动，就是指在主页(Home Page)中执行了某种操作所产生的动作，就称为“事件”(Event)。比如按下鼠标、移动窗口、选择菜单等都可以视为事件。当事件发生后，可能会引起相应的事件响应。 6、跨平台性 JavaScript是依赖于浏览器本身，与操作环境无关，只要能运行浏览器的计算机，并支持JavaScript的浏览器就可正确执行。从而实现了“编写一次,走遍天下”的梦想。
二 JAVA Script 程序示例 <html> <head> <Script Language ="JavaScript"> // JavaScript Appears here. alert("这是第一个JavaScript例子!"); alert("欢迎你进入JavaScript世界!"); alert("今后我们将共同学习JavaScript知识！"); </Script> </Head> </Html>
程序一 演 示 程序二 跑马灯效果
第三部分 ASP简介 ASP 是 Active Server Page的简称。 ASP文件以 .asp 结尾。 ASP 文件由HTML标记，VBScript脚本和ASP语句程序组成 ASP是一个标准的网页 程序部分用<% 和 %>括在一齐。
ASP程序示例 源代码： <%@Language=VBScript%> 指明ASP使用的是VBScript语言 <html> <head> <title>一个ASP程序</title> </head> <body> <%For I=3 To 10%> ASP循环语言 <Font size=<% = I%>> ASP程序<br> </Font> <%next%> </body> </html>
显示效果： ASP程序
显示页面的源代码： <html> <head> <title>一个ASP程序</title> </head> <body> <Font size=3> ASP程序<br> </Font> <Font size=4> <Font size=5> …………………… </body> </html>