HTML超文本标记语言的介绍要点解析.docVIP

一、概念 1、定义 超级文本标记语言是标准通用标记语言下的一个应用，也是一种规范，一种标准， 它通过标记符号来标记要显示的网页中的各个部分。 简而言之：一种为普通文件中某些字句加上标示的语言，其目的在于运用标记（tag）使文件达到预期的显示效果。 解释：HTML 是在 SGML 定义下的一个描述性语言，或可说 HTML 是 SGML 的一个应用程式，HTML 不是程式语言，如 C++ 和 Java 之类，它只是标示语言，基本上你只要明白了各种 标记的用法便算学懂了 HTML，HTML 的格式非常简单，只是由文字及标记组合而成，于 编辑方面，任何文字编辑器都可以，只要能将文件另存成 ASCII 纯文字格式即可，当然 以专业的网页编辑软件为佳。 二、特点及工作原理 1、原理 网页文件本身是一种文本文件，通过在文本文件中添加标记符，可以告诉浏览器如何显示其中的内容（如：文字如何处理，画面如何安排，图片如何显示等）。 浏览器按顺序阅读网页文件，然后根据标记符解释和显示其标记的内容，对书写出错的标记将不指出其错误，且不停止其解释执行过程，编制者只能通过显示效果来分析出错原因和出错部位。 需要注意的是，对于不同的浏览器，对同一标记符可能会有不完全相同的解释，因而可能会有不同的显示效果。 2、特点 HTML文档制作不是很复杂，且功能强大，支持不同数据格式的文件镶入，这也是WWW盛行的原因之一，其主要特点如下： （1） 简易性，HTML版本升级采用超集方式，从而更加灵活方便。 （2） 可扩展性，HTML语言的广泛应用带来了加强功能，增加标识符等要求，HTML采取子类元素的方式，为系统扩展带来保证。 （3） 平台无关性。虽然PC机大行其道，但使用MAC等其他机器的大有人在，HTML可以使用在广泛的平台上，这也是WWW盛行的另一个原因。 三、格式规范 一个简单的 HTML 文件htmlheadtitle页面的标题/title/headbodyp这是我的第一个页面。/pb此文本是粗体的。/b/body/html简单的段落htmlbodyp这是段落。/pp段落元素由 p 标签定义。/p/body/html标题h1This is a heading/h1HTML 会自动在标题前后添加一个额外的折行。段落段落使用 p 标签进行定义。pThis is a paragraph/p HTML 会自动在段落前后添加一个额外的空行。换行符当你打算结束一行，而又不想开始一个新段落时，br 标签就派上用场了。无论你将它置于何处，br 标签都会产生一个强制的换行。pThis br is a parabrgraph with line breaks/pbr 标签是空白标签，由于关闭标签没有任何意义，因此它没有类似 /br 的终止标签。br 还是 br /您会越来越多地发现 br 与 br / 很相似。由于 br 没有结束标签，它也就违反了未来的 HTML 的规则之一，即所有的元素都必须关闭。把这个标签写为 br / 是经得起未来考验的做法，XHTML 和 XML 都接受在打开的标签内部来关闭标签的做法。注释注释标签用于在 HTML 源码中插入注释。注释会被浏览器忽略。您可以使用注释对您的代码进行解释，这么做在以后的日子里会对您的代码编辑产生帮助。!-- This is a comment --注意：左括号后需要写一个惊叹号，右括号前就不需要了。元素每个 HTML 元素都有一个元素名（比如 body、h1、p、br）开始标签是被括号包围的元素名结束标签是被括号包围的斜杠和元素名元素内容位于开始标签和结束标签之间某些 HTML 元素没有内容某些 HTML 元素没有结束标签总结如下图 四、扩展 HTML的功能远不止这些，下边我们列出一些其他的标记。至于其他的功能在以后的学习过程中再慢慢研究。 标记 类型 译名或意义 作 用 备注 文件标记 HTML ● 文件声明 让浏览器知道这是 HTML 文件 HEAD ● 开头 提供文件整体资讯 TITLE ● 标题 定义文件标题，将显示于浏览顶端 BODY ● 本文 设计文件格式及内文所在 排版标记 !--注解-- ○ 说明标记 为文件加上说明，但不被显示 P ○ 段落标记 为字、画、表格等之间留一空白行 BR ○ 换行标记 令字、画、表格等显示于下一行 HR ○ 水平线 插入一条水平线 CENTER ● 居中 令字、画、表格等显示于中间 反对 PRE ● 预设格式 令文件按照原始码的排列方式显示 DIV ● 区隔标记 设定字、画、表格等的摆放位置 NOBR ● 不折行 令文字不因太长而绕行 WBR