ppt1-HTML基础概要.ppt

网页设计 第1章 HTML基础 第1章 HTML基础 1.1 桌面及Web应用程序 1.2 HTML的发展历程 1.3 HTML标签基础 1.1 桌面及Web应用程序 Web应用程序： C/S结构： C/S（client/server）即客户端/服务器结构。 客户端需安装特定的客户端软件 QQ，百度云，魔兽世界，各种手机APP B/S结构： B/S（browser/server）即浏览器/服务器结构。 客户端统一为浏览器 IE，Firefox，Chrome，Opera等。 B/S结构工作流程 客户端与服务器端建立连接 客户端发出请求 服务器端针对请求给出响应 客户端将收到的响应通过浏览器进行显示 示例： 在浏览器地址栏中输入: 客户端与百度服务器建立连接 服务器将该地址对应的页面文件作为响应返回给客户端 客户端浏览器显示页面文件，看到百度首页的界面 注意：制作好的页面文件存放于服务器端，当客户端提出请求后，由服务器传给客户端，然后客户端将得到的页面文件在浏览器里进行显示。 B/S结构中用到的技术 1.2 HTML的发展历程 HTML 是用来描述网页的一种语言。 HTML 指的是超文本标记语言 (Hyper Text Markup Language) HTML 不是一种编程语言，而是一种标记语言 (markup language) 标记语言是一套标记标签 (markup tag) HTML 使用标记标签来描述网页 html语言的发展历程 HTML(Hyper Text Markup Language) 超文本标记语言（第一版）——在1993年6月作为互联网工程工作小组（IETF）工作草案发布（并非标准） HTML 2.0——1995年11月作为RFC 1996发布，在RFC 2854于2000年6月发布之后被宣布已经过时 HTML 3.2——1996年1月14日，W3C推荐标准 HTML 4.0——1997年12月18日，W3C推荐标 HTML 4.01（微小改进）——2000年5月15日发布，基于严格的HTML 4.01语法，是国际标准化组织和国际电工委员会的标准 XHTML ——2001年,依次经历了XHTML1.0、XHTML2.0 HTML 5 ——处于草案阶段 HTML5发展 2004年提出html5的构想 HTML 5 的第一份正式草案已于2008年1月22日公布 2012年12月17日，万维网联盟（W3C）正式宣布凝结了大量网络工作者心血的HTML5规范已经正式定稿。 2013年5月6日， HTML 5.1正式草案公布。 1.3 HTML标签基础 1.3.1 HTML标签概述 1.3.2 HTML标签 1、meta标签 2、文本标签 3、图像标签 4、超链接标签 5、列表标签 6、注释标签 1.3.1 HTML标签概述 HTML页面文件是以htm或html为扩展名的纯文本文件。 可以使用任何文本编辑工具进行编辑。 HTML页面文件内容： 由很多标记括住的元素构成。 或者说HTML文档由HTML标记（标签）和用户定义的内容组成。 标记 标记是用尖括号包围的单词。很多标记是成对的，一个是开始标记，一个是结束标记（单词前加/）。例如： html…../html head……/head title……/title HTML标记不区分大小写。 元素 每一对标记包围的部分 比如由body/body包围的部分就叫做body元素 元素通常由三个部分组成 开始标记 内容 结束标记 属性 用来修饰元素 每个属性都有值 属性放在开始标记中 HTML文档结构 百度首页的源码精简后的结果： 文档类型定义 HTML5以前的文档类型定义： !DOCTYPE HTML PUBLIC -//W3C//DTD HTML 4.01//EN/TR/html4/strict.dtd HTML5的文档类型定义： !DOCTYPE html HTML文档内容 三对标记： html /html HTML文档内容的最顶层标记 head /head HTML文档首部 body /body HTML文档主体 body/body body元素代表网页要显示给读者的内容，几乎所有要显示的内容都被包括在body……/body里面 主要属性 Background 背景图像的URL(属性) Text 文本的前景色 Link 链结的前景色 Vlink 已访问过的链结的前景色 Alink 活跃链结的前景色 bgcolor 背景色 Id、class 为样式表设置的标识属性 Title 提示文字 （与tilte元素不同） Style 样式信息 1.3.2 HTML标签 1、meta标签： met