璀璨年华

(二) HTML: Behind the scenes
HTML的幕后

There are billions of beautiful webpages on the internet, but What is behind the our browser?
在网上有数亿计的网页，在我们浏览器的背后是什么？

Generally, we can right-click the mouse and view the page sources, like our present one.
一般来说，我们可以通过鼠标右键来查看源文件，就象是你现在看到的页子。

We can see there are lots of angle-brakets(<>). What is that?
我们能看到有很多的对角符号(<>). 这是什么?

HTML is composed of tags. HTML tags are always enclosed in angle-brakets(<>).
HTML是由很多的标签组成的. 标签一直用对角符号圈好.

It doesn't matter whether you type them in upper or lower case.
标签与大小写无关。

Some people like to use upper case, because it makes the tags easier to pick out in a document.
有人使用大写, 因为它使标签更容易在文件中找出来.

If you use some editors like UltraEdit or some webpage software like Dreamweaver, etc, the tags will be marked with different colors, so it is strongly recommended that you use some editors.
如果你使用一些编辑器如UltraEdit或一些网页编辑软件如Dreamweaver等, 这些标签会灌以颜色, 所以推荐使用一些编辑器.

Tags appear in begin-end pairs, Like this
标签是一前一后成对出现的, 就象
<TAG>...</TAG>

<TAG> indicated the beginning of a pair, while the </tag> indicates the end.
<TAG>前面标识，而</TAG>后面标识.

The three dots,..., well, we treat it as "goods" of a "container".
这三个小点, ..., 我们把它看成一个"集装箱"里面的"货物".

Any content within a container has the rules of that container applied to it.
任何在这些"箱"里面的内容都按一定的规则定义.

The tags should always be balanced .
标签必须配对.

Don't overlap your container, like you do it in real world.
不要重叠了箱子, 就象是在现实中一样.

For example,
例如

the correct form
正确的格式
<TAG1>
<TAG2>
...
</TAG2>
</TAG1>

the incorrect form
不正确的格式
<TAG1>
<TAG2>
...
</TAG1>
</TAG2>

The easy way to make this clear is to leave a apace, like this
简单明了的方法是留出空格, 就象:

<TAG1>
<TAG2>
...
</TAG2>
</TAG1>