网页制作简明教程.docVIP

网页制作简明教程 第 1 章 HTML基础 -------------------------------------------------------------------------------- 1.1 什么是HTML 1.1.1 Web页的基本概念 Internet与WWW ??? 通俗地讲，Internet就是许多不同功能的计算机通过网络设备连接起来组成一个覆盖全球的网络。从信息资源的角度看，Internet是一个集各个部门、各个领域的各种信息资源为一体，供网上用户共享信息资源网。 ??? Internet能提供的服务包括：WWW服务、E-mail服务、FTP服务、TELNET服务、网上传呼（ICQ;OICQ）、电子商务、网络炒股、在线聊天、联网游戏等。 ??? 由此可见，WWW(World Wide Web，译为“万维网”)并不就是Internet，它只是Internet提供的服务之一，不过它是Internet上发展最为蓬勃的部分，相当多的其他Internet服务是基于WWW服务的。 WWW与浏览器 ??? 从技术的角度讲，WWW是由遍布在Internet上称为Web服务器的计算机组成，它将不同的信息资源有机地组织在一起，能过一种叫浏览器的软件进行浏览。 ??? 浏览器是获取WWW服务的基础，它的基本功能就是对网页进行显示。 网站与主页 ??? WWW是由Internet上无数的Web服务器构成的，通过浏览器访问这些服务器上的网页，不同的网页通过超链接联系在一起，构成了WWW的纵横交织结构。 ??? 通常我们把一系列逻辑上可以视为一个整体的页面叫做网站，或者说，网站就是一个有共同主题的页面的集合。 ??? 主页是网站中一个特殊页面，它是网站的入口页面，其中包含指向其他页面的超链接。通常主页的名称是固定的，例如：index.html（.html或.htm后缀表示HTML文档） 1.1.2 HTML的工作原理 ??? HTML（HyperText Markup Language，超文本标记语言）是表示网页的一种规范（或者说是一种标准），它通过标记符定义了网页内容如何显示。 ??? 网页是用HTML语言写成的文本文件，但它与文本文件不同的是，网页中包含有指向其它位置的链接，通过这些链接使网页组织成了网状结构。 ??? 在HTML文档中，通过使用标记符可以告诉浏览器如何显示见网页，即确定网页内容的显示格式。所以HTML文档就是网页文件，有时也称为Web页。 1.2 创建Web页 1.2.1 标记符基础 ??? HTML语言是影响网页内容显示格式的标记符集合，浏览器根据标记符决定网页的实际显示效果。 基本的HTML语法 ??? 在HTML中所有的标记都用尖括号括起来。绝大多数的标记符是成对出现的，即有开始标记符与结束标记符，开始标记符和相应的结束标记符定义了标记所影响的范围。结束标记符与开始标记符的区别是多一个斜线。例如： h1让我们一起来学习HTML!!/h1 ??? 但是，也有少数标记符是单一的不成对的，例如：br、hr等。 ??? HTML标记符是不区分大小写的。 标记符的属性 ??? 属性是用来描述对象特征的特性。许多标记符还包含一些属性，以便对标记符作用的内容进行更详细的控制。 ??? 在HTML中，所有的属性都放置在开始标记符的尖括号里，属性与标记符之间用空格分隔；属性的值放在相应的属性名之后，用等号分隔；而不同的属性之间用空格分隔。例如： font size=7 color=red大家好/font 1.2.2 Web页的基本结构 ??? HTML文档中通常都包括以下基本标记符：html和/html、head和/head、body和/body。 HTML标记 ??? html是Web页的第一个标记符，/html是最后一个标记符。Web页的其它所有内容都必须位于这两个标记符之间。 首部标记 ??? head和/head位于Web页的开头，其中不包括Web页的任何实际内容，而是提供一些与Web页有关的特定信息。首标记的内容也用特定的标记括起来。 (1) TITLE 标记符 ??? 在首标记符中，最基本、最常用的是标题标记符title/title，用于定义网页的标题，网页标题可被浏览器用书签和收藏清单。 (2) META 标记符 ??? 它用于说明Web页有关的信息。在META标记符中常用的属性有：name、http-quiv以及是给出关于网页某一属性的名称，而content是给出属性的值，http-equiv指定HTTP响应名称，通常用于替换name属性。 ??? META 标记符的一个常用功能是设置自动页面跳转。即使浏览器自动从一个页面跳马转到另一个页面。语法格式如下： META http-eq