【最新】HTMLppt模版课件

一、HTML简介二、文字版面的编辑 三、建立超链接 四、图像处理 五、列表项目 六、表格 七、窗口框架 八、表单设计 九、头标签 十、分区标签 2009年5月10日 第一节 HTML简介 1.1 www的基本概念 www是World Wide Web的缩写，也可简写为Web，中文称作万维网。www是法国 核子物理研究中心在1989年研制成功的。现在Internet发展最为蓬勃的部分就是www， 浏览Web已变成现今最主要的Internet服务。www只是Internet的一部分，Internet还包 括FTP及BBS等其他服务。 www能够处理文字、图像、声音及视频等方面的多媒体信息，是一个多媒体信息系 统。它提供了内容丰富的信息资源，这些信息一页一页地、分门别类地保存在各个服务 器上，浏览者可以按照个人的兴趣选择阅读内容。在浏览信息过程中，如同读一本书一 样，可以往前翻，也可以向后翻，还可以从后面挑选着看，要看什么内容全都按照浏览 者个人的兴趣而定。 浏览Web就是以超文本传输协议(Hyper Text Transfer Protocol网页课件模板，HTTP)在Internet上 传送以超文本标识语言(Hyper Text Markup Language，HTML)编写的网站内容，从而进 行信息交流。

www的构架相当简洁，主要分为两个部分，一部分为服务器(Server)，也称为网页 的提供者；另一部分为客户端(Client)，也称为网页的接收者。这种方式称为客户机/服 务器(Client/Server)模式。 在www中，所谓的服务器端就是存放网页供客户浏览的网站；而客户端则是借助网 络浏览网站的计算机与客户的总称。实际上，执行于计算机上供用户操作观看网站的要 用程序为浏览器(Browser)。 整个网页的浏览过程，主要是由客户端(浏览器)向服务器(Web服务器)请求浏览某个 网页，Web服务器将该网站传送给浏览器，由浏览器负责解读网页，再显示给用户看。 在www中冲浪，就是向www中的多个服务器发出申请，观看主页，获得有用的信息 1.2浏览器 浏览Web要在客户机/服务器模式下进行。在顾客机端，也就是用户的计算机端， 要有Web用户程序-----浏览器，才能同服务器建立联系，观看网站。浏览器是阅读www 上的信息资源的一个软件。 浏览器的作用是在网络上与Web服务器打交道，从服务器下载文件。如果是一个 HTML文件，浏览器就会翻译那个文件的HTML代码，进行格式化，并显示文件内容。

如果文件中包括着图像及其它种类文件的链接，它也可处理相应的图像及其它种类的文 件等信息。 浏览器有许多类型，它们都可以浏览www上的内容。目前，最常见的两种浏览器 MozillaFirefox (火狐狸，也称火狐或FF) InternetExplorer (IE)。 1.3 网页设计基本概念 介绍几个基本的网站设计概念，超链接、统一资源定位器、网站、网页和主页。 这些概念是在网页设计中常常会遇到的，熟悉并认识他们的定义跟功能。对于制作网 页是相当重要的。 [1]、超链接(Hyper link) 网页是使用HTML编写的，基其特征在于网页有“超链接”。超链接是特殊的文字标 识，它指向了www中的其它资源，例如另外一个网页、一个声音文件、网页的另一个段 落或是www中的任何资源，而且这种资源均可以保存在任何一个服务器上。在浏览网站 时，如果使用鼠标点击超链接，那么会跳转到超链接所指向的资源，就可以从Web上下 载新的信息。在网站中超链接可以是一些文字也可以是一幅图像。判断网页中的某个对 象是否是超链接有个简单的方式，即当鼠标光标箭头拖到这个文字或图像时，如果是超 链接，浏览器会改变鼠标为一只手的形状。

[2]、统一资源定位器(URL) 统一资源定位器(Uniform Resource Locator,URL)用于指定应获得的Internet上资源 的位置与方法，即各个网站在Internet上的地址。其功能相当于在实际生活中写信的通信 地址。因此也能把URL称为网址。例如在浏览器上输入”“，浏览器则 马上在Internet上搜索该网址，把腾讯的网站内容送到你面前。 [3]、网站（Web site） 网站是一个存放在网路服务器上的完整信息的集合体。它包括一个或多个网页，这 些网站以一定形式链接在一起，成为一个整体，用来表述一组完整的信息或超过某些期 望的宣传效果。 [4]、网页（Web pages） 网页是是网站的组成部分。制作者可以将必须发布的信息根据一定的方法分类，放 在每个网页上，网页里可以有文字、表格、图像、声音及视频信息等。网页可以看成是 一个单一体，是网站的一个元素。它是磁盘上的多个单一的文件，是由Web浏览器下载 或格式化的。 [5]、主页（Home page） 主页，也可以称为首页。它既是一个单独的网页，和通常的网页一样，可以保存各 种信息。又是一个特殊的网页，作为整个网站的起始点跟汇总点，是浏览者开始浏览一个 网站的窗口。

1.4 网页技术概况 近年来，随着www的大幅发展，网页技术仍然有新技术被启用与应用。但是学习 网页技术的重点在于懂得取长补短。因为每种网页技术，都有它的长处和受限制的地 方，所以知道每个网页技术在整个网页设计中扮演的角色，并善用该技术的长处，便能 达到意想不到的效果。 以现在的网页技术来讲，大致能分为如下三个方面： [1]、静态网页; [2]、网页美工; [3]、动态网页; 本课程所讲的HTML包括后来要讲的CSS都属于静态网页部分。网页美工主要是指Flash 及photoshop等处理网站素材的科技。动态网站是使网页无法根据客户的意愿做出动态 响应的科技，例如JavaScript ASP等科技都属于动态网页的界定。 所谓静态网页，是指这个网页不论在此何时从何地浏览，都将显示同样的场景与 内容，且客户仅可浏览，而未能提供信息给网站，让网站响应客户的意愿。 静态网页是用HTML编写的，保存时扩展名需使用.htm或.html。静态网站只能纯粹 地在网站中展现文字或照片，它是制作所有网页的基础技术。整个网站的主要内容与网 页显示控制，都需要借助HTML实现。 1.5 HTML简介 学习网页的设计，首先需要知道HTML语法，它是制作网站所要把握的更基础技术 。

HTML并不是一种程序，它只一种控制网站中资料显示的标识语言，易学易懂，非常 简单。 HTML的版本尚未由HTML1.0发展至HTML4.0。HTML4.0是一个适应性强且兼容 性高的版本。它支持丰富的样式表、脚本、框架、表格和字段。 HTML中定义了一系列标签。这些标签用于控制网站的文档格式、字符格式及语句 格式等。 HTML文件是用特定元素成为标志且能识别的ASCII组成的文本文件。HTML文件中 的元素标示只带有字母、数字、标点符号及其它能打印的字符。在浏览器中，可以显示 出Web页中诸多文字、字形、标题及表格等内容。但是，HTML并不是一个图文混排的 排版工具。 1.6 HTML编辑和运行环境 根据HTML语法所写下来的文件称为HTML文件。在保存HTML文件时，需保存为 纯文本文件，并用.htm或.html作为扩展名。因为在DOS操作系统下，文件名的前缀只 允许有三位，而在UNIX或Windwos等32位操作系统中可以使用三位以上的文件扩展名。 因为HTML是一个文本文件，所以可以使用任何文本编辑器进行编写，通过浏览器 来解释执行。通常采取纯文本编辑器，例如用 Windows中的记事本来编辑HTML文件。

但我们有更好、更高级的专业工具 Dreamwer。 1.7 HTML的基本结构 1、HTML标签 一个HTML文件是同一系列元素跟标签构成的。元素是HTML文件的重要构成个别， 例如 title(文件标题)、img(图像)及table(表格)等。元素名不区别大小写。HTML标签用 标签来要求元素的属性和它在文件中的位置。 HTML标签分单独出现的标签和成对发生的标签两种。 大多数标签成对出现，是由首标签跟尾标签组成的。首标签的格式为， 尾标签的格式为。其完整语法如下： 要控制的元素 成对标签仅对包括在其中的文件部分起作用，例如和标签用于划分标 题元素的范围网页课件模板，也就是说它们之间的个别是此HTML文件的标题。 单独标签的格式为，其作用是在相应的位置插入元素，例如

标签表 示在该标签所在位置插入一个换行符。 HTML标签，大、小写或混合写均可。例如，和，结果都是 一样的，不过标准写法必须是全部大写，即格式。 1.7.1、HTML的语法结构与文件结构 在每个HTML标签中，不可以设定一些属性，控制HTML标签所制定的元素。这些 属性将位于所创建元素的首标签，因此，标签的完整语法如下： 元素资料 2、元素的概念 当用一组标签将一段文字包括在后面时，这段文字与包括文字的HTML标签被称之 为一个元素。 由于在HTML语法中，每个由HTML标签与文字所产生的元素内，还可以包括另一个 元素。因此，整个HTML文件就像是一个大元素，包含了许多小元素。 在所有HTML元素中，最外层的元素是由标签所确立的。在所制定的 元素中，包含了两个主要的子元素，这两个子元素是由 HTML的基本构架 其中，之间的个别是HTML文件的文件头部分，用以说明文件的标 题跟整个文件的一些公共属性。与之间的个别是HTML文件的主体部分。 之后学习的标签，如果不非常说明，均是嵌套在这一对标签中使用的。 1.7.2、文件开始标签 在任何一个HTML文件里，最先出现的HTML标签就是，它用于表示该文 件是以超文本标识语言(HTML)编写的。是成对出现的，首标签跟尾标签 分别位于文件的更上面跟很前面，文件中所有文本跟HTML标签都包括在其中。 例如： 文件的全部内容 该标签不带任何属性。事实上，现在常见的浏览器都可以手动识别HTML文件，并不要 求标签，也不对该标签进行任何操作。但是，为了提升文件的适用性，使编写的 HTML文件能适应不断变化的Web浏览器，还是需要养成使用的习惯。 1.7.3、文件头部标签标签之中。 HTML文件的标签是可以嵌套的，即在一对标签中可以嵌入另一对子标签，用来 规定母标签所含范围的属性或其中某一部分内容，嵌套在 2、left.htm：

菜单

href="page1.htm"target="RightFrame">链接到第一页 href="page2.htm"target="RightFrame">链接到第二页 3、page1.htm： 这是第一页！！！ 4、page2.htm： 这是第二页！！！ 注意：在里面的这个实例中，main.htm页面所对应的窗口我们称之为顶层窗口 (top)，left.htm页面所对应的窗口我们称之为左窗口LeftFrame，page1.htm或 page2.htm所对应的窗口我们称之为右窗口RightFrame。 7.4 浮动框架： 及标签不能够与标签同时并 存，即一个页面中要么有框架标签要么有标签。这就局限了框架的应用， 为了缓解这个难题，在HTML的基础上提高了浮动框架， 浮动框架仅用于没有框架标签的页面，即有标 签的普通页面，而且标签只适用于IE浏览器。 的常见属性： 1、src： src属性用于指明浮动框架初始化加载的网站文件的URL。src可以 取值为about:blank，代表了空页。 2、name或id：name或id属性用于修改浮动框架的名称。 当一个浮动框架

中间部分为一iframe

2、iframe.htm： 这是浮动框架页iframe.htm中的内容 第八节 表单 通过本章的学习规定大家还能借助表单标签： 在一个页面中允许同时存在多个字段1、id或name：id或name属性用于修改的名称，如果一个页面有多个 时，则需要为每位设置唯一的名称。 2、action：action属性用于定义接收或者处理字段传递过来的数据的处理页面 的URL，在action的URL中允许使用?加上相关参数。如果action属性值为空，则 表单将递交给本页进行处理。 3、method： method属性用于定义客户端浏览器将表单中的信息提交给Web 服务器处理页面的方式，简称提交方法。取值只能为POST或GET。如果使用 GET方法，浏览器将窗体中各控件及其相关的值通过URL参数形式释放给处理页 面，因此表单中各控件名称以及值就会出现在IE浏览器地址栏中，从而被对方看 到，并且即使表单以此类GET方法被提交，表单提交的数据不能超过2048个字节。 地址栏如下情况： 如果使用POST方法提交表单数据，则这种数据都将以隐式的方法提交给 action处理页面，而且表单数据不再受2048个字节限制。 注意：请不要用GET方法来查询密码是否恰当的弊端，否则可能带给安全问题。 4、target：target属性用来设定表单的处理页面所依赖的目标窗口。取值可为 self、_blank以及浮动框架或框架名称。 5、enctype：enctype属性用于修改浏览器使用那种编码方式将表单的数据传 递给Web服务器的Action处理页面。该属性有两个取值：application/x-www-form-