【计算机】第01章 HTML简介.pptVIP

网页设计语言教程（ HTML /CSS） 教师： Email: QQ: 设问 大家平时都上网，你知道是怎么工作的吗？ 你知道如何制作这样的网页吗？ 要制作这样的网页，需要掌握哪些技术？ 第一章　 HTML简介 学习目标 网页的基本概念 HTML基础 了解网页制作的常用工具 Part 1 网页的基本概念 Internet 通俗地讲，Internet 就是许多功能不同的计算机通过线路连接起来组成的一个世界范围的网络。 Internet提供的主要服务 Internet 提供的服务： WWW服务（网上冲浪） 电子邮件服务（Email） 网上传呼（OICQ） 文件传输（FTP） 网络游戏 WWW WWW是World Wide Web的缩写，也可简写为Web，中文叫做万维网。 万维网能够处理文字、图像、声音、视频等多媒体信息，是一个多媒体信息系统。 HTML HTML(Hypertext Markup Language) ，它是一种规范，它通过标记符（tag）来标记要在网页中显示的各个部分。 HTML用于描述超文本的显示方式，从控制文字的颜色、大小，到标识资料的种类为图形文件或者声音等。 根据HTML语法所写出来的文件称为HTML文件。HTML文件在保存时，需保存为纯文本文件，并用.html或.htm作为扩展名。 HTTP HyperText Transfer Protocol——超文本传输协议 浏览Web就是以HTTP在Internet上传送以HTML（Hypertext Markup Language）——超文本标记语言编写的网页内容。从而进行信息交流。 Web 服务器与浏览器 Web 服务器：将网页资源有机地组织到一起，供用户通过浏览器下载、浏览。 WWW是由遍布在 Internet 上的称为 Web 服务器的计算机组成。 WWW的结构主要分为两个部分，一为服务器端（Server），也称为网页的提供者；二为客户端（Client），也就是网页的接收者。这种模式称为客户机/服务器（Client/Server）模式。 B/S架构：与传统的C/S架构区别开来 Web 服务器与浏览器 网页、主页与网站 网页（Web pages） 网页是网站的组成部分。它是网站的一个元素，每个网页对应着磁盘上的一个文件，由Web浏览器下载并格式化。 网站：在逻辑上可视为一个整体的一系列页面的有机集合称为网站（Web Site或Site）。 主页：作为一个组织或个人在 WWW（或其他Web）上开始点的页面称为主页（Homepage）。 统一资源定位器（URL） URL的全文为Uniform Resource Locator，译为统一资源定位器 用于指定要取得的Internet上资源的位置与方式 超链接（Hyper Link） 超链接是特殊的文字标记，它指向了万维网中的其他资源，如另外一个网页、一个声音文件，或者是网页的另一个段落等，而且这些资源均可以存放在任何一个服务器上。 在浏览网页时，如果你用鼠标单击超链接，那么就会跳转到超链接所指向的资源 Web服务器及其工作原理 IIS：Internet information server Tomcat: …..等 浏览网页的工作过程 用户通过浏览器发出请求 WEB服务器接到请求后选择相应的网页发给用户的浏览器 浏览器接收到网页文件（HTML文件）后，根据HTML标记符解释和显示各种内容。 网页技术概况 以目前的网页技术来说，大致可分为三个方面来加以说明 静态网页（HTML、CSS）：仅展示信息 静态网页是用HTML编写，扩展名为.htm或.html。 静态网页只能单纯地在网页中展示文字与图片，它是所有网页的基础技术。 网页美工（Flash、Fireworks） 动态网页（JavaScript/VBScript、ASP） ）：可实现互交功能 Part 2 HTML基础 HTML标签概述 HTML并不是一种程序，它是一种控制网页中资料显示的标记语言 元素：当用一组HTML标签将一段文字包含在中间时，这段文字与包含文字的HTML标签被称之为一个元素。 一个HTML文件由一系列的元素组成。元素是HTML文件的重要组成部分，如title（文档标题）、img（图像）、table（表格）等等。 HTML标签概述 在 HTML 中，所有的标记符都用尖括号括起来。例如，html、a。 HTML 标记符是不区分大小写的。html、Html和HTML没有区别。 HTML标签概述 绝大多数标记符都是成对出现的，包括开始标记符和结束标记符。 某些标记符，例如BR，只要求单一标记符号。 开始标记符与结束标记符的区别在于：结束标记符多一个斜杠“/”（不是反斜杠“\”！） HTML标签的属性 属性是用来描述对象特征的特性。例如，一个