12 html简介 121 html基本格式及特点.pptxVIP

1.2 HTML简介1.2.1 HTML基本格式及特点 近些年来，许多公司开发出了图形化的HTML开发工具，使得网页的制作变得非常简单。如微软公司推出的 Microsoft FrontPage， Adobe公司推出的 Adobe Pagemill， Macromedia公司推出的Dreamweaver等编辑工具，都被称为“所见即所得”的网页制作工具。这些图形化的开发工具可以直接处理网页，而不用书写费劲的标记。这使得用户在没有HTML语言基础的情况下，照样可以编写网页。 这时，编写HTML文档的任务由开发工具替你完成了。这是网页制作工具的最大成功之处，但也是它们的最大不足之处。因为受到图形编辑工具自身的约束，将产生大量的垃圾代码。原因很简单，比如：在我们在网页里设计了一个表格，若是每个单元格的宽度和高度让它根据其中的内容自动确定，HTML只要你告诉它是表格和单元格的排列顺序（也就是行列数）就行了，但因为图形化开发工具无法得知你的这种特殊要求，所以只能取一般要求，把每个单元格的宽度和高度都定义起来，从而增加了许多代码。所以一个明智的网页编写者应该在掌握图形编辑工具的基础上进一步学会HTML语言，从而知道哪些是垃圾代码，这样，我们就可以利用图形化HTML开发工具快速成地做出网页，又会消除无用的代码，从而达到快速制作高质量网页的目的。这也是我们学习HTML语言的目的。 HTML语言，又称超文本标记语言，是英文Hyper Text Markup Language的缩写。它是一种用来制作超文本文档的简单标记语言。严格的说它不是一种真正的编程语言，只是一种标记符。用HTML编写的超文本文档称为HTML文档。它能够独立于各种操作系统的平台上（如UNIX,Windows等）。自1990年以来HTML就一直被用作WWW上的信息表述语言，用于描述网页的格式设计以及它与WWW上其它网页的链接信息。由于HTML语言在所有的计算机编程语言中是最简单易学的，所以到目前为止，在WWW上面大多数代码都是用HTML来设计的。HTML文档（即网页的源文件）是一个放置了标记的ASCⅡ文本文件，通常它带有.Html或.Htm的文件扩展名。生成一个HTML文档主要由一下3种途径：1.手工直接编写（比如用文本编辑器或其他的HTML编辑工具）。2.通过一些格式转换工具将现有的其他格式（如Word文档）转换成HTML文档。3.借用专用的制作工具软件（比如Deramweaver MX2004或者其它的工具）来进行设计与制作。 从结构上来讲，HTML语言主要是由元素（element）组成的。组成HTML文件的元素有许多，用于组织文件的内容和指导文件的输出格式。一般我们可以把绝大多数元素看成是：“容器”，即它有起始标记和结尾标记。元素的开始标记叫做起始标记（Start Tag），元素的结束标记叫做结尾标记（End Tag），在起始标记和结尾标记之间的部分是元素体。每一个元素都有名称和可选的属性，元素的名称和属性都在起始标记里标明。比如以下这个例子：Body background=backgroud.gif”h1示例/h1这是一个示例p/body现在我们一起来看一看这个例子，第一行是体元素的起始标记，它表明体元素从此开始。: 起始标记的开始。Body: 元素名称，由于元素和标记一一对应，所以元素也叫标记名。元素名不分大小写。Background: 属性名。这个属性指明用什么方法填充背景。: 起始标记的结束。 我们从这个例子可以看出，标记在使用是必须用方括号“”括起来，而且是成对出现，无斜杠的标记表示该标记的作用开始，有斜杠的标记表示该标记的作用结束。在HTML中，标记的大小写作用相同，如TABLE和table都是表示一个表格的开始。 但是有一点需要我们注意的是，虽然HTML语言描述了文档的结构格式，但并不能精确的定义文档信息该如何显示和排列，而只是建议Web浏览器应该如何显示和排列这些信息，最终在用户面前的结果取决于Web浏览器本身的显示风格以及它对标记的理解能力。这就不难解释为什么同一文档在不同的浏览器里会出现不同的显示效果。1.2.2HTML基本语句 1.HTML标记符 实际上，HTML文件仅由一个html元素组成，即文件的开始html和文件的结尾/html。文件的其它部分都是html的元素体。HTML/HTML这一组标记符 这个例子包含了HTML中最基本的元素，首先是2.“文件头”标记符(Meta) 文件头标记符也就是通常见到的Meta标记符，Meta标记符在网页中是看不到的，因为它包含在HTML语言的“head…/head”标记符之间，而通常我们所见到的网页内容只有在“body…/body”之间的才可以在文档中显示出来.Meta是文件头标记符中常用的一个标记符，