1HTMl 概述 超文本标记语言与层叠样式表 本章要点:本章首先简要介绍 HTML 和文本编辑的基本知识,接着深入介绍图片、超链 接与多媒体,并讲述如何利用这些知识建立框架网页。 本章难点:建立框架网页。 6.1HTML 简介 6.1.1HTMl 概述 HTML 是英文 HyperText Markup Language 的缩写,即超文本标记语言。HTML 由万维 网联盟(W3C,World Wide Web Consortium)制订和更新。 1980 年,人们开发了一种创建文档的标记语言,这种语言创建的文档在使用不同硬件 和操作系统的
计算机上的显示是一致的。 这种语言称为标准一般化标记语言(SGML,Standard and Generalized Markup Language)或 SGML。 HTML 是使用 SGML 定义的,它提供了一种将文本、图像、声音、动画结合在一个称 为网页的文档中的方法。这些文档可以使用 Web 浏览器显示。它还使用超链接以访问其他 的资源。 1.HTML 基于两个概念 HTML 基于两个基本概念,即超链接文本和标记语言。 。超链接文本:提供了一种将同一文档的不同部分或不同文档之间的信息联系起来的机 制。在 HTML 文档中设置了超链接后,访问者单击该超链接时,就可以打开相关的网页、 文档或应用
程序。 。标记语言:HTML 文档是一种标记语言,它由指定要在浏览器窗口上显示的内容附 加于这些内容的标记所组成。标记指的是 HTML 文档中的一些特殊的符号。这些符号指明 如何显示文档中的内容。 2.HTML 中标记的组成 HTML 中的标记可以分为标记符号和 HTML 元素两部分。 。标记符号:在 HTML 中,标记符号用一对尖括号“<>”或带斜杠的一对尖括号“>” 表示,前者被称为开始符号,后者称为结束符号。 。元素:元素是 HTML 文件中的一种基本结构单位。处在标记符号之内的所有内容都可 以称为一个元素。如标记
其中的 p Class=Red Align=Center 即是一个元素。也可以把上述标记中的 p 称为元素,而 把 Class 和 Align 称为该元素的属性。 HTML 目前已定义了几十种元素,每个元素就是一个已经封装好的代码块,它可以通 过浏览器完成某些特定的功能。随着 Internet 的发展,新的元素还在不断的被定义。 3.编辑、保存和访问 HTML 文件 HTML 文档的文件格式为 ASCII 码,也就是说 HTML 文档是一个纯文本格式文件。因 此,任何一个可以编辑纯文本文件的编辑器都可以用于编辑 HTML 文档。最常用的纯文本 编辑器就是 Windows 记事本。当然我们还可以使用一些功能更为强大的编辑器,如支持拖放 复制的 EditPlus2.1 等。
下面我们以一个实例来说明编辑、保存和访问 HTML 文档的过程。 (1)编辑 HTML 文档 打开 Windows 记事本,输入以下的 HTML 源代码。 cyzdo (localhost/Test/06/Asp06_01.asp) <
html>
这是我的第一个 HTML 文档
(2)保存 HTML 文档 当我们在 Windows 记事本中编辑好一个文档,要将它以扩展名“.htm”或“.html”保 存为页面文件。 (3)访问 HTML 文档 保存完毕后就可以用浏览器访问它了。首先,打开“Windows 资源管理器” ,然后双击 网页文件打开即可。
6.1.2HTML 文 档 的 基 本 语法
6.1.2HTML 文档的基本语法
HTML 文档的基本语法非常简单,它只有一种语法结构: <元素 属性=属性值> 在元素和属性之间输入一个空格。如标记:
HTML 文档的基本语法
表示将文本“HTML
文档的基本语法”显示为一个段落,并且该段落居中对齐。 一个元素可以不设置任何属性,也可以设置多个属性。上述标记不设置对齐方式 属性时的语句如下:
HTML 文档的基本语法
若要设置多个属性,所有语句可以并列在一个标签中,方法是在每个属性语句间 插入一个空格。基本语法结构如下: <元素 属性 1=属性值 1 属性 2=属性值 2 属性 3=属性值 3> 例如: HTML 标记不区分大小写,但有时为了增加代码的可读性,我们仍然要养成合