黑马程序员--我来总结HTML(1)

---------------------- Windows Phone 7手机开发、.Net培训、期待与您交流！ ----------------------

     之前都知道网页制作需要用到的网页三剑客其实只是随网站的优化工具，真正的网页制作学习那是远远不够用的。还有看黑马视频虽然也能跟着杨中科老师敲击一些代码模仿的做出一些东西，但是总觉的学习杨老师的HTML是空中楼阁，感觉没基础，所有就看了已些文章来彻底的了解HTML。制作网站就是写HTML你需要的是一个简易的文本编辑器。记事本是一个非常简单的文本编辑程序，用它编写程序非常好，因为它不会干涉你所输入的任何内容，给予你完全的控制权。而许多网页制作工具的问题在于，它们提供了许多标准功能供你选择。这样的缺点是，你只能按照这些标准功能来制作网页。所以，这类工具常常不能创建正合你意的网页。或者，更令人讨厌的是，它们会修改你手工编写的代码。而使用记事本（Notepad）或其他简易文本编辑器的话，全部代码均由你自己编写。 HTML是用来制作网站的。就这么简单！HTML是“HyperText Mark-up Language（超文本标记语言）”的缩写——详细解释一下他们的含义吧。

• 超（Hyper）是相对于线性（linear）来说的。在很久以前，那时计算机程序还是线形运行的：当计算机程序执行完一个动作以后，转向下一行，这行结束后，继续下移，依次类推。但HTML则不同，你可以在任何时候跳转到任何地方。比方说，你在浏览HTML.net之前，不必先去浏览MSN.com。
• 文本（Text）意味着它是自解释的（self-explanatory）。
• 标记（Markup）指的是你怎么处理文本。对文本作标记的方式，跟你在文本编辑程序里将文本加粗、或者将一行话设为标题或列表项目类似。
• 语言（Language）。HTML就是一种语言，它使用了许多英文单词。

元素与标签

HTML的一个重要成分——元素（element）。

元素用于结构化HTML文档，并告知浏览器如何呈现网页。一般来说，元素由首标签（start tag）、内容（content）和尾标签（end tag）构成。

“标签”是什么？

标签（tag）指示元素的起始与结束。

所有标签都具有相同的格式：以小于号“<”开头，以大于号“>”结尾。

一般说来，有两种标签——首标签（start tag）（如）和尾标签（end tag）（如）。它们唯一的区别在于，尾标签多一条斜杠“/。你通过把内容放在首标签和尾标签之间来对内容进行标记。

HTML主要就是各种各样的元素，所以，学习HTML，就是学习使用各种元素。比如，b元素的作用是，告诉浏览器介于标签和之间的文本应以粗体显示。（这里的“b”是“粗体（bold）”的意思。）h1、h2、h3、h4、h5及h6元素的作用是显示标题（这里的h是“标题（heading）”的意思）。其中h1是一级标题，字体最大；h2是二级标题，字体比一级标题略小；而h6是六级标题，它是最后一级标题，字体也最小。这是标题这是子标题首标签和尾标签总是必须的吗？常言道，凡事均有例外。在HTML中，也有例外的情况，即有些元素没有尾标签。这些没有尾标签的元素被称作空元素（empty element），它们与具体文本内容无关，比如像下面这个换行标签：
。标签中的字母应该大写还是小写？ 大多数浏览器不介意标签是大写还是小写，或者混合大小写。所以、或在浏览器上的显示效果都一样。但是，正确的写法是采用小写字母来书写标签。所以，要养成用小写字母书写标签的习惯。

把标签放在哪里？

你应该在HTML文档里书写标签。一个网站可能包含多个HTML文档。上网的过程，其实就是打开不同HTML文档的过程。HTML简单易学。浏览器读HTML就跟你读书一样，也是从上往下，从左到右进行的。所以，HTML文档的开始和结束便对应于网页的头和尾。

你首先要做的是告诉浏览器，你们将采用HTML语言来“对话”。这是通过标签来实现的（这是容易理解的）。所以，在做所有其他事之前，先在记事本的第一行敲入“”。也许你记得前面课程中我们说过，这里的是首标签，在HTML文档结尾处必须有相应的尾标签与之对应。好的，为了防止最后忘记写这个尾标签，我们现在就输入“”，然后在和之间留些空行，用于书写其余代码。

下面，我们需要为HTML文档写一个“头部（head）”，它提供关于当前文档的信息；然后写一个“主体（body）”，它提供文档的内容。HTML最重要的就是简单——在这里，我们只需把头部（和）放到主体(和）的前面就行了。

如下所示：

注意我们是如何用换行（用Enter键）与缩进（用Tab键）令代码具有层次感的。理论上，你如何书写HTML文档，这无关紧要。但为了便于阅读代码，和保持良好的概貌，我们强烈建议你采用换行与缩进来层次化HTML代码。

   到这里虽然还只是了解到HTML的基础性的朴毛东西，但是在这基础上去理解杨中科老师的视频就事半功倍了，我会陆续的再总结关于HTML的文章，一定要彻底的区明白HTML的原理然后熟练的区操作，相信多多练习HTML的例子一定会让我对HTML彻底的掌握。

---------------------- Windows Phone 7手机开发、.Net培训、期待与您交流！ ----------------------