第01章 HTML简介.ppt

1、第1章HTML简介，1.1 WWW的基本概念1.2浏览器1.3 Web设计基本概念1.4 Web技术概述1.5 HTML简介1.6 HTML编辑和执行环境1.7 HTML的基本结构，上一页，下一页，目录，绑定，本节，1.1 WWW的基本概念，WWWWWW是一种网络传输协议。万维网只是互联网的一部分，互联网还包括FTP、BBS等其他服务。万维网是一个多媒体信息系统，可以处理文字、图像、声音和视频等多媒体信息。每台服务器一页，为访问者提供丰富的信息资源，以便根据各自的兴趣阅读内容。在信息阅览过程中，像读一本书一样，可以向前翻，向后翻，从中挑选，也可以确定哪些内容全部取决于浏览者的个人兴趣。上一页、

2、下一页、主题、绑定和web导航是使用超文本传输协议(HTTP)超文本传输协议在internet上使用超文本标记语言(HTML)超文本标记语言编写的web内容。可以交换信息。WWW的结构非常简单，主要分为两个部分：服务器端(Server)，也称为网页提供程序。第二个是web页面的收件人“客户端”(Client)。此模式称为客户端/服务(Client/Server)模式。在WWW中，服务器端是存放用户可以浏览的网页的站点。客户端是通过网络浏览网页的计算机和用户的常用名称。实际上，在计算机上执行用户操作和查看网页的应用程序是浏览器。浏览整个web页的过程主要是当客户端(浏览器)请求服务(web服务器

3、)浏览web页时，web服务器会将该web页传递到浏览器，浏览器检查该web页，然后向用户显示该web页。上一页、下一页、主题、捆绑、本节、1.2浏览器，需要web客户端程序浏览器才能与服务器联系和查看您计算机端的网页。浏览器是读取WWW的信息资源的软件。如果用户在本地计算机上安装了WWW浏览器软件，则可以读取WWW中的信息。浏览器的作用是与网络上的web服务器打交道，从服务器下载文件。如果是HTML文件，浏览器将翻译、格式化该文件的HTML代码并显示文件内容。如果文件包含指向图像和其他类型文件的链接，则图像和其他类型文件等信息也将相应地进行处理。有多种浏览器用于浏览WWW的内容，目前最常用的

4、两种浏览器是Netscape Communicator (NC)和Internet Explorer (IE)。上一页、下一页、主题、绑定、本节、1.3 web设计基本概念、1超链接超链接是指向万维网上其他资源(例如其他web页面、声音文件、web页面上的其他段落或world wide web上的所有资源等)的特殊文本标志符浏览网页时，使用鼠标单击超链接会转到超链接指向的资源，您可以在web上下载新信息。网页上的超链接可以是文字或图片。这些文本通常在浏览器中显示为带下划线的彩色文本。可以轻松确定web页上的对象是否为超链接。也就是说，如果鼠标光标箭头跳到此字符或图像时为超链接，则光标在浏览器中

5、会变为一只手的形状。上一页、下一页、主题、捆绑包、本节、2统一资源定位符URL(URL)URL的全文将被解释为指定要导入的internet上资源的位置和方法的统一资源定位符。互联网上每个页面的地址与我们实际写信的通信地址相同，因此URL也可以称为网址。例如，除了在浏览器中使用URL的这种寻址功能外，在使用超文本链接时，如果一个文件链接到另一个文件，则必须使用URL。上一页、下一页、记录、结、本节、3网站(网站)站点是存储在网络服务器上的完整信息的集合。它包含一个或多个网页，用于说明完整的信息集合或所需的宣传效果。4网页(Web pages)网页是网站的一部分。创作者可以按照一定的方式对需要发布

6、的信息进行分类，并将这些信息放在可以包含文本、表、图像声音、视频等的网页上。网页可以作为网站的一个元素查看，网站是在web浏览器中下载或格式化的磁盘上的单个文件。上一页、下一页、条目历史记录、绑定、此部分、5主页主页或主页。这是可以存储各种信息(如普通网页)的单独网页，也是整个网站的起点和摘要点，是访问者开始浏览一个网站的地方。网站应提供该网站的概述，其中包含的主要内容，各种信息的渠道，让浏览者看到网站后，通过对本网站的大体理解，知道需要哪些方面的内容，并知道如何找到。网站是另一个地址(URL)，在这里，访问者进入你的网络世界，开始浏览一页。上一页，下一页，项目记录，结，本节，1.4 web技

7、术概述，当前web技术主要可以分为三个方面进行说明。静态web页(HTML、CSS)web艺术家(Flash、Fireworks)动态web页(JavaScript/VBScript、ASP)动态web页是一种技术，用于根据用户的需要动态响应web页。静态网页是指无论何时何地导航都显示相同屏幕和内容的网页，用户不能仅在网站上提供信息，也不能提供信息来响应用户的要求。静态网页以HTML格式编写，保存时扩展名为.htm或.需要html。静态网页只能在网页上显示文本和图片，它是所有网页的基本技术。整个网页的主要内容和网页的显示控制必须以HTML实现。上一页、下一页、目录、节点、本节和HTML的英文全

8、称是Hypertext Markup Language，翻译为超文本标记语言。HTML用于描述超文本中数据的显示方式，该超文本将文本的颜色、大小和标识数据的种类调整为图形文件或声音。说明如何使用一个HTML标记包含要执行格式控制的数据。什么是动态HTML？动态HTML是浏览器附带的功能，实际上只是概念，不属于插件或浏览器以外的特殊技术(例如JavaScript、ActiveX)。JavaScript、VBScript、Document Model(文件目标模块)、Layers、cascading stylesheets(CSS、Cascading Style Sheets、Cascading

9、Style Sheets)目前，动态HTML主要由三个部分组成：HTML规范、脚本语言(JavaScript和更广泛使用的Script)和CSS。上一页、下一页、项目记录、节点、本节、1.5 HTML介绍、HTML不是程序，而是用于控制易于学习和理解的web页上数据显示的段宜恩上传语言。HTML从版本1.0发展到了今天的4.0。HTML 4.0是适应能力强、兼容性强的新版本。支持丰富的样式表、脚本、框架、表格和表单。HTML定义了一组用于控制web页发布的文档格式、字符格式、段落格式等的标签，还包含用于web页交互的脚本语言、Java applet、CGI程序等的支持和调用规则，HTML文件是

10、由特定元素标记的可识别ASCII组成的文本文件。HTML文件中的元素标签仅包含字母、数字、标点符号和其他可打印字符。浏览器可以在网页上显示各种文本、字体、标题、表格等，但是HTML不是图形混合布局软件。您可以从单个HTML创建的网页链接图形、图像、声音等多媒体文件，还可以通过超链接链接到internet上其他计算机和服务器上的信息。上一页、下一页、主题、绑定、本节、1.6 HTML编辑和执行环境、根据HTML语法编写的文件称为HTML文件。保存HTML文件时，将其另存为纯文本文件。html或.使用htm作为扩展名。这是因为DOS操作系统仅允许三个字符的文件名后缀，而32位操作系统(如UNIX操

11、作系统或Windows)可以使用超过三个字符的文件扩展名。HTML是文本文件，因此可以使用文本编辑器通过浏览器解释执行。一般而言，您可以使用纯文字文字文字编辑器(例如Windows中的记事本)来编辑HTML档案。HTML文件在web浏览器中运行，使用浏览器运行HTML文件时，只需在地址栏中输入文件的统一资源定位符(URL)。只要输入目标服务器的地址，浏览器就会显示目标服务器的主页，即用户访问时目标服务器显示的默认文档。上一页、下一页、主题、绑定、此部分、1.7 HTML的基本结构、1.7.1 HTML的语法结构和文档结构以及一个1 HTML标记的HTML文件由一系列元素和标记组成。元素是HTM

12、L文件的重要组成部分，如title(文档标题)、img(图像)、table(表格)等。元素名称不区分大小写。HTML使用标记指定元素的属性以及元素在文档中的位置。HTML标签由单独出现的标签和成对出现的标签分隔。大多数标记成对出现，由第一个和结束标记组成。第一个标记的格式为，结束标记的格式为。完整语法如下：要控制的元素的标记对仅适用于包含在中的文档部分。例如，和标记用于定义标题元素的范围。也就是说，和之间的部分是相应HTML文档的标题。个别标签是在该位置插入元素的格式。标记表示在标记位置插入换行符。上一页、下一页、目录、节点绑定、此部分、HTML标记、大小写或混合。结果相同，如、在每个HTML

13、标签中，还可以设置一些属性来控制HTML标签创建的元素。由于这些属性位于要创建的元素的第一个标记中，因此第一个标记的基本语法为：结束标记如下：因此，HTML文件中元素的完整定义语法如下：元素数据语法中用于设置每个属性的“”可以省略。上一页、下一页、主题、绑定、本节、2元素的概念在将文本组与包含文本的HTML标签一起居中时称为一个元素。在HTML语法中，HTML标签和文本构成的每个元素内还可以包含其他元素，因此整个HTML文件就像一个大元素，包含许多小元素。其中最外面的元素是在所有HTML文档中作为标签创建的。使用标记创建的元素包含由标记和标记创建的两个主要子元素，标记创建的元素的内容是文档标题

14、，标记创建的元素内容是文档正文。上一页、下一页、主题、绑定、本节和3HTML文档结构在讨论HTML文档结构之前，请先查看简单的HTML文件和在浏览器中显示的结果。接下来，开始合成HTML文档。第一个HTML示例HTML的基本结构。上一页、下一页、主题、绑定、本节、上一页、下一页、主题、绑定、本节、以上代码中HTML文档的基本结构如下图所示：上一页、下一页、主题、绑定、本节、1.7.2文件开始标记html是其中一个HTML文件中第一个出现的HTML标记，表示文档是用超文本标记语言(HTML)编写的。第一个和结束标记分别出现在文档的开头和结尾，并包含文件中的所有文本和HTML标记的对中。示例：文档

15、的完整内容此标记没有属性。事实上，当前流行的web浏览器(如Netscape和IE)会自动识别HTML文档，因此不需要标签，也不对该标签执行任何操作。但是，为了提高文档的适用性，是否可以为快速变化的web浏览器编写html文档，或者是否应该养成使用此标签的习惯(可以省略HTML标签而不写)，上一页、下一页、记录、紧固件、本节、1.7.3文件头标记头习惯将HTML文档分为文档头和文档正文。文档正文部分是可以在web浏览器窗口的用户区域中查看的内容，文档头部分用于设置文档的标题(出现在web浏览器窗口的标题栏中)和文档的某些属性。表示网页头的标签。在标签定义的元素中放置有关此HTML文件的信息，而不放置网页的任何内容。也就是说，它不属于HTML文件的正文，而是包含文件的标题、编码方案、URL等。这些信息中的大部分用于提供索引、标识或其他应用程序。写在和之间的文本在“title”标记中重写时，表示该网页的名称，并在此web窗口顶部显示为窗口名称。如果不需要在HTML文件中提供相关信息，则可以省略标签。(您可以省略head标签)、上一页、下一页、目录、节点、本节、1.7.4文件标题标签title每个HTML文件都需要文件名，并在浏览器中显示为窗口顶部的窗口名称。这