因特网技术基础第二节.ppt

第二章 Web开发基础 一、 HTML语言简介 1 HTML基础 HTML是用来表示Web文档的规范，它使用标记来确定网页显 示的格式。静态网页是标准的HTML文件，动态网页经过应用程序 服务器的处理后也将生成标准的HTML文件。 2 HTML工作原理 HTML是一种规范，是用于Web文档的格式化语言。HTML通 过标记（Tag）来标记要显示的网页中的各个部分，以告诉Web浏 览器应该如何显示网页，即确定网页内容的格式。浏览器按照顺 序阅读HTML文件，然后根据内容附近的HTML标记来解释和显示 各种内容，这个过程称为语法分析。例如，如果为某段文字添加 了H2/H2标记，浏览器将会以比一般文字大的粗体字来显示这 段文字。 总结说明 HTML 是用来描述网页的一种语言。 HTML 指的是超文本标记语言 (Hyper Text Markup Language) HTML 不是一种编程语言，而是一种标记语言 (markup language) 标记语言是一套标记标签 (markup tag) HTML 使用标记标签来描述网页 HTML 标签 HTML 标记标签通常被称为 HTML 标签 (HTML tag)。 HTML 标签是由尖括号包围的关键词，比如 html HTML 标签通常是成对出现的，比如 b 和 /b 标签对中的第一个标签是开始标签，第二个标签是结束标签 开始和结束标签也被称为开放标签和闭合标签 HTML 文档 = 网页 HTML 文档描述网页 HTML 文档包含 HTML 标签和纯文本 HTML 文档也被称为网页 Web 浏览器的作用是读取 HTML 文档，并以网页的形式显示出它们。浏览器不会显示 HTML 标签，而是使用标签来解释页面的内容： 3 标记基础 HTML语言是控制网页内容显示格式的标记集合，标记给浏览器提供 了格式化Web文档的指令。 1). 基本的HTML语法 在HTML语言中，所有的标记都必须用尖括号（即小于号“”和大于 号“”）括起来。例如，HTML、HEAD、BODY等。大部分标记 都是成对出现的，包括开始标记和结束标记，开始标记和相应的结束标记 定义了标记所影响的范围；结束标记与开始标记名称相同，但结束标记总 是以一个斜线符号开头的。例如，HTML和/HTML、HEAD和 /HEAD等。也有一些标记只要求单一标记符号，例如换行标记BR就 是这样。 HTML标记不区分大小写，推荐使用小写。 2). 标记符的属性 大多数标记都拥有一个属性集，通过这些属性可以对作用的内容进行 更多的控制。在HTML语言中，所有属性都放置在开始标记的尖括号内。 3) . 关于HTML版本 本课程中主要讲解的是HTML 4.01 为什么使用 HTML4.0？ 最初的 HTML 绝没有打算要包含支持格式化文档的标签。HTML 标签原打算用于定义文档的的内容。 pThis is a paragraph/p h1This is a heading/h1 当诸如 font 这样的标签和 color 属性被加入 HTML3.2 的规范当中，它开始成为开发者的一场噩梦。那些不得不将字体和文字信息添加到每个单一网页的站点，其开发过程最终变成了漫长、昂贵和极其痛苦的过程。 HTML4.0 的优秀特性 通过使用 HTML4.0，所有的格式化信息都可以从 HTML 文件中剥离，并植入一个独立的样式表。因为 HTML4.0 将文档的表现与其结构分离，我们从而得到了我们一直需要的东西：在不把文档内容搞糟的情况下，对表现层进行完全的控制。 官方的 HTML4.01 标准推荐使用小写的标签。 4 HTML文档的基本结构 一个基本的HTML文档通常包含以下三对顶级标记。 1). HTML标记HTML.../HTML HTML标记是全部文档内容的容器，HTML是开始标记， /HTML是结束标记，它们分别是网页的第一个标记和最后一 个标记，其他所有HTML代码都位于这两个标记之间。HTML标 记告诉浏览器或其他程序：这是一个Web文档，应该按照HTML 语言规则对文内的标记进行解释。HTML.../HTML标记是 可选的，但最好不要可以省略这两个标记，以保持Web文档结构的 完整性。 2). 首部标记HEAD.../HEAD 首部标记用于提供与Web页有关的各种信息。在首部标记中， 可以使用TITLE和/TITLE标记来指定网页的标题，使用 STYLE和/STYLE标记来定义CSS样式表，使用SCRIPT 和/SCRIPT标记来插入脚本，等等。 3). 正文标记BODY.../BODY 正文标记包含了文档的内容，文字、图像、动画、超链接