第一部分 HTML语言与网页设计一、HTML基本标记 ●在HTML语言中，其标记大多成对出现。 <html>

第一部分 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> 这段程序的源文件包括了很多行文字，但是会被浏览器忽略，看到的仅仅是一行。 这段程序的源文件也包括了很多行文字， 但由于使用了 标记， 所以在浏览器中能显示出来。 居中对齐 左对齐 右对齐 </body></html>

<html> <head><title>给文字分段落</title></head> <body> 这段程序的源文件包括了很多行文字，但是会被浏览器忽略，看到的仅仅是一行。 这段程序的源文件也包括了很多行文字， 但由于使用了 标记， 所以在浏览器中能显示出来。 居中对齐 左对齐 右对齐 </body></html>

二）显示效果这段程序的源文件包括了很多行文字，但是会被浏览器忽略，看到的仅仅是一行。这段程序的源文件也包括了很多行文字，但由于使用了 标记，所以在浏览器中能显示出来。居中对齐左对齐右对齐

三、说明 和标记用于为文本分段，位于和之间的文本单独构成一个段落。 标记用于文本换行。参数align用与控制每段的对齐方式，center为居中对齐，left为左对齐，right为右对齐，默认状态为左对齐。注意分段和换行的区别：两段之间间距较宽，而两行之间间距较窄。

三文字修饰一）源代码 <html> <head> <title>文本格式</title> </head> <body bgcolor="#CCFFFF"> 粗体 斜体 红色 绿色 兰色 紫色 </body> </html>

二）显示效果粗体斜体红色绿色兰色紫色

三）说明 1、bgcolor ="#CCFFFF"用于定义网页的背景颜色，它是<body>、</body>标记对的一个参数，请注意它的位置。引号中的字符为背景颜色的RGB值。 2、我们可以使用和标记对使文字显示为粗体，使用和标记对使文字显示为斜体。 3、使用和标记对可以定义文字的颜色和大小，其中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> <a href="1.htm">第一个页面</a> <a href="2.htm" target="_blank">第二个页面</a> </body> </html>

二）显示效果第一个页面第二个页面

<a href="链接的文件名">和</a>标记对用于定义一个超链接。
三）说明 <a href="链接的文件名">和</a>标记对用于定义一个超链接。参数target="_blank"则打开一个新的浏览器窗口，并在其中显示所链接文件的内容。

六显示图片一）源代码 <html> <head><title>显示图片</title></head> <body> 在这里插入一幅图片 <img src="7-1.gif" > </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> 这里，我们首先定义了一个表格，然后在表格中，划分了一行，在这一行中，又定义了两列。

创建不规则表格 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循环语言 > ASP程序 <%next%> </body> </html>

显示效果： ASP程序

显示页面的源代码： <html> <head> <title>一个ASP程序</title> </head> <body> ASP程序 …………………… </body> </html>

第一部分 HTML语言与网页设计一、HTML基本标记 ●在HTML语言中，其标记大多成对出现。 <html>

Similar presentations

Presentation on theme: "第一部分 HTML语言与网页设计一、HTML基本标记 ●在HTML语言中，其标记大多成对出现。 <html>"— Presentation transcript:

Similar presentations

About project

反馈

请登录

Auth with social network:

第一部分 HTML语言与网页设计 一、HTML基本标记 ●在HTML语言中，其标记大多成对出现。 <html>

Similar presentations

Presentation on theme: "第一部分 HTML语言与网页设计 一、HTML基本标记 ●在HTML语言中，其标记大多成对出现。 <html>"— Presentation transcript:

Similar presentations

About project

反馈

第一部分 HTML语言与网页设计一、HTML基本标记 ●在HTML语言中，其标记大多成对出现。 <html>

Presentation on theme: "第一部分 HTML语言与网页设计一、HTML基本标记 ●在HTML语言中，其标记大多成对出现。 <html>"— Presentation transcript: