这是一个简单的html文档，左边是源码，右边是html文档在浏览器中的显示效果。
<body> </body>
这组标签在html文档中称做什么呢？标签。这组英文，在JavaScript中称做什么？节点或者元素。还是这组英文，在css中被称做什么？盒子。当然，css中的盒子模型说的不是这个，不过后面会看到，它们其实是一个含义。
<body></body>
标签在html5，JavaScript，css中说的是一个意思，只不过入乡随俗的变成不同的称呼。在JavaScript的DOM对象中，有的时候称其为节点，有的时候称其为元素。其实，节点就是元素，元素就是节点。节点中可以包含元素，元素中可以包含节点，节点可以包含节点，元素可以包含元素。这个就好像系统的文件夹目录。逐级嵌套，逐层展开。
如果说html标记语言与JavaScript脚本语言之间还多少能够看出有些联系之外。那么css中的语言标记则完全显得有些另类。它用了一个盒子模型。这个又是什么？其实html标记语言中的每一组标签都是一个盒子。这个盒子的概念又是从那里来的？windows系统中最多的是什么东西，窗口。不错，窗口就是一个盒子。
css中最大的盒子是什么？Document对象，也就是浏览器打开的html文档的窗口。浏览器又在那里？浏览器工作在系统上，所以比浏览器窗口更大的就是操作系统的窗口，这个窗口也有一个名字，Windows对象。是不是这个窗口真的最大了？也不是。还有一个窗口，可以说是最大的窗口。就是用户的显示器。这即是一个窗口也是一个盒子。它又有什么称呼？这个显示器窗口在JavaScript中称其Screen对象。
把上边的窗口按照从大到小的顺序排列，Screen对象，Windows对象，Document对象，css的盒子模型，html的标签。其实，盒子模型与标签也可以称其为对象。这就是面向对象的概念。所有的内容都是对象，这就产生了属性，事件与方法。
计算机有一个概念称其为流。C语言里有文件流，网络有信息流，html文档在浏览器显示的时候，其内容也是信息流。无论html文档中包含着视频，音频，图片，或者其它什么内容。这些对于浏览器来说都是流动的信息，或者说是流动的字节，流动的0与1的组合。
计算机的基础就是0与1的字节组合。硬件上的基础就是数字逻辑电路的与非门。所以，二进制是计算机的基础。信息流或者文件流？二进制0与1字节的流动。这个流动在浏览器中一般来说是按照从上到下，从左到右的顺序进行的。但是，css中的float描述可以改变信息流的顺序，可以指定显示内容出现在屏幕窗口的任何位置，这个就是定位。
现在，html文档中出现了两种信息流。标准流，按照规则顺序显示。浮动流，可以在任何位置显示内容。因为内容可以出现在任何指定位置，这也带来一个疑问。如果两张图片被指定在同一个位置显示，这会怎么样呢？熟悉计算机的可能知道有一个软件叫做Photoshop。这个软件提出一个概念"图层"。如果两张图片被指定到一个位置，出现同一个位置两张图片就构成了图层。按照出现的前后时间关系，一个在上，一个在下。彼此互相遮挡，最终显示的内容是两张图片之间的关于层的遮掩内容。
计算机中出现的重要技术及其概念，在计算机的世界中是通用的。面向对象，类，属性，事件，方法。html标记语言文档中有吗？简单的，<p></p>，这样的标签就是类的闭包。这个简单的标签其实是可以响应鼠标事件的。<p>标签是类定义的开始，</p>标签是类定义的结束。
<p></p>
标签是窗口吗？是的。如果用css的盒子模型填充这个标签，它就会显示出一个窗口。当然，这个窗口在css中称其为盒子模型。还是JavaScript中的元素。可以直接设置改变这个元素的属性。其实也就是改变对象的属性。
类与对象的关系，就象人与张三。我们与人打招呼，这个就是与类建立联系。可是，谁能与人打招呼？这是不可能的。这里的人，必须要有具体的，张三或者李四。人，就是类。张三李四，具体化的就是对象。
如果说人是类的概念，张三是对象的概念。其实，类就是对象，对象也就是人。当然，人这个类里有很多的张三或者李四。张三只是类的一个具体的。人这个类里有多少个人？地球上有几十亿。张三这个对象有多少个？唯一的一个，基因的唯一性。类可以有很多的对象，对象是唯一的类。
html5
**粗体** _斜体_ [链接](http://example.com) `代码` - 列表 > 引用。你还可以使用@来通知其他用户。