第一部分 HTML语言与网页设计

1、第一部分 html语言与网页设计 一、一、html基本标记基本标记 hello, hello, world!world! hello,world! hello,world! 在在htmlhtml语言中，其标记大多成对出现。语言中，其标记大多成对出现。其中其中和和分别位于文件的开分别位于文件的开头和结尾。头和结尾。和和标记位于文件开始部分，标记位于文件开始部分，标记中的内容是对文件基本性质的描述。标记中的内容是对文件基本性质的描述。和和标记位于标记位于和和之间，其中是网页显示的内容。之间，其中是网页显示的内容。注意：注意： 和和 是网页中是网页中必不可少的标记。必不可少的标记。 hello, w

2、orld!hello, world! hello,world! hello,world! 二、分段和换行二、分段和换行w一）源代码一）源代码w给文字分段落这段程序的源文件包括了很多行文字，但是会被浏览器忽略，看到的仅仅是一行。这段程序的源文件也包括了很多行文字，但由于使用了<br>标记，所以在浏览器中能显示出来。 w居中对齐w左对齐w右对齐 w给文字分段落这段程序的源文件包括了很多行文字，但是会被浏览器忽略，看到的仅仅是一行。这段程序的源文件也包括了很多行文字，但由于使用了<br>标记，所以在浏览器中能显示出来。 w居中对齐w左对齐w右对

3、齐 这段程序的源文件包括了很多行文字，但是会被浏览器忽略，看到的仅仅是一行。 这段程序的源文件也包括了很多行文字，但由于使用了标记，所以在浏览器中能显示出来。 居中对齐左对齐右对齐二）显示效果二）显示效果三、说明w和标记用于为文本分段，位于和之间的文本单独构成一个段落。w标记用于文本换行。 w参数align用与控制每段的对齐方式，center为居中对齐，left为左对齐，right为右对齐，默认状态为左对齐。 w注意分段和换行的区别：两段之间间距较宽，而两行之间间距较窄。 三 文字修饰一）源代码文本格式粗体斜体红色 绿色 兰色 紫色 二）显示效果二）显示效果粗体粗体斜体红色 绿色 兰色 紫色三

4、）说明w1、bgcolor =#ccffff用于定义网页的背景颜色，它是、标记对的一个参数，请注意它的位置。引号中的字符为背景颜色的rgb值。w2、我们可以使用和标记对使文字显示为粗体，使用和标记对使文字显示为斜体。w3、使用和标记对可以定义文字的颜色和大小，其中color参数用于定义颜色，size参数用于定义大小。四 水平线一）源代码一）源代码水平线<hr>标记用来一条定义水平线。 二）显示效果二）显示效果标记用来定义一条水平线。 三）说明三）说明w1、标记用来一条定义水平线。w2、其中参数width用于控制线长，可以使用百分比或像素两种表示方法。w3、size控

5、制水平线的粗细；color控制水平线的颜色。五 超链接一）源代码超链接第一个页面第二个页面二）显示效果第一个页面第二个页面三）说明三）说明w和标记对用于定义一个超链接。w参数target=_blank则打开一个新的浏览器窗口，并在其中显示所链接文件的内容。六 显示图片一）源代码显示图片在这里插入一幅图片 二）显示效果二）显示效果在这里插入一幅图片 三）说明w 标记用于插入图片，src参数后面是图片的位置和名称。w浏览器并不支持所有格式图片的显示，网上常用的图片格式有 .gif .jpg 和 .jpeg。七 表格及其用途表格及其用途 w1、在html代码中与用于定义一个表格，与用于定义一行，与用

6、于定义一列。w2、参数width=200定义宽度，height=200定义高度，border=1定义边框的粗细，align=center定义表格对齐方式，cellspacing=1定义单元个的间距，bordercolor=#000099定义边框的颜色，bgcolor=#ffcc99定义背景色。w3、表格在网页中的更多的被用于页面的排版和定位 一个简单的表格源代码：一个简单的表格源代码：/定义一行定义一行 定义一列定义一列  这里，我们首先定义了一个表格，然后在表这里，我们首先定义了一个表格，然后在表格中，划分了一行，在这一行中，又定义了格中，划分了一行，在这

7、一行中，又定义了两列。两列。ww w  w  w  w  w w w  w  w 25w w创建不规则表格w rowspan 与 colspan分别表示一个单元格跨越几行或几列。w使用这两个参数可以创建不规则表格。第二部分第二部分 java script一一 javascript简介简介wjavascript是一种基于对象(object)和事件驱动(event driven)并具有安全性能的脚本语言。使用它的目的是与html超文本标记语言、java 脚本语言（java小程序）一起实现在一

8、个web页面中链接多个对象，与web客户交互作用。从而可以开发客户端的应用程序等。它是通过嵌入或调入在标准的html语言中实现的。它的出现弥补了html语言的缺陷，它是java与html折衷的选择，具有以下几个基本特点： w1、是一种脚本编写语言、是一种脚本编写语言javascript是一种脚本语言，它采用小程序段的方式实现编程。像其它脚本语言一样,javascript同样已是一种解释性语言,它提供了一个易的开发过程。 它的基本结构形式与c、c+、vb、delphi十分类似。但它不像这些语言一样，需要先编译，而是在程序运行过程中被逐行地解释。它与html标识结合在一起，从而方便用户的使用操作。

9、 w2、基于对象的语言、基于对象的语言。javascript是一种基于对象的语言，同时以可以看作一种面向对象的。这意味着它能运用自己已经创建的对象。因此，许多功能可以来自于脚本环境中对象的方法与脚本的相互作用。 w3、简单性、简单性javascript的简单性主要体现在：首先它是一种基于java基本语句和控制流之上的简单而紧凑的设计, 从而对于学习java是一种非常好的过渡。其次它的变量类型是采用弱类型，并未使用严格的数据类型。 w4、安全性、安全性javascript是一种安全性语言，它不允许访问本地的硬盘，并不能将数据存入到服务器上，不允许对网络文档进行修改和删除，只能通过浏览器实现信息浏

10、览或动态交互。从而有效地防止数据的丢失。 w5、动态性的、动态性的javascript是动态的，它可以直接对用户或客户输入做出响应，无须经过web服务程序。它对用户的反映响应，是采用以事件驱动的方式进行的。所谓事件驱动，就是指在主页(home page)中执行了某种操作所产生的动作，就称为“事件”(event)。比如按下鼠标、移动窗口、选择菜单等都可以视为事件。当事件发生后，可能会引起相应的事件响应。 w6、跨平台性、跨平台性javascript是依赖于浏览器本身，与操作环境无关，只要能运行浏览器的计算机，并支持javascript的浏览器就可正确执行。从而实现了“编写一次,走遍天下”的梦想。 二 java script 程序示例/ javascript appears here.alert(这是第一个这是第一个javascript例子例子!);alert(欢迎你进入欢迎你进入javascript世界世界!); alert(今后我们将共同学习今后我们将共同学习javascript知识！知识！); 程序一程序一 演演 示示程序二程序二 跑马灯效果跑马灯效果第三部分 asp简介wasp 是 active server page的简称。wasp文件以 .asp 结尾。wasp 文件由html标记