Teenits 2008-6-28 12:58
从零开始学html--第3课:元素与标签
第3课:元素与标签现在你要学习的是HTML的重要成分——元素(element)。
元素用于结构化HTML文档,并告知浏览器如何呈现网页。一般来说,元素由首标签(start tag)、内容(content)和尾标签(end tag)构成。
“标签”是什么?标签(tag)指示元素的起始与结束。
所有标签都具有相同的格式:以小于号“<”开头,以大于号“>”结尾。
一般说来,有两种标签——首标签(start tag)(如<html>)和尾标签(end tag)(如</html>)。它们唯一的区别在于,尾标签多一条斜杠“/。你通过把内容放在首标签和尾标签之间来对内容进行标记。
HTML主要就是各种各样的元素,所以,学习HTML,就是学习使用各种元素。
可以举些例子么?没问题。比如,[size=3]b[/size]元素的作用是,告诉浏览器介于标签[size=3]<b>[/size]和[size=3]</b>[/size]之间的文本应以粗体显示。(这里的“b”是“粗体(bold)”的意思。)
[b]例1:[/b]
[size=3]<b>这句话应显示为粗体。</b>
[/size]
该例在浏览器中将显示如下:
[b]这句话应显示为粗体。[/b]
[size=3]h1[/size]、[size=3]h2[/size]、[size=3]h3[/size]、[size=3]h4[/size]、[size=3]h5[/size]及[size=3]h6[/size]元素的作用是显示标题(这里的h是“标题(heading)”的意思)。其中[size=3]h1[/size]是一级标题,字体最大;[size=3]h2[/size]是二级标题,字体比一级标题略小;而[size=3]h6[/size]是六级标题,它是最后一级标题,字体也最小。
[b]例2:[/b]
[size=3]<h1>这是标题</h1>
<h2>这是子标题</h2>
[/size]
该例在浏览器中将显示如下:
这是标题这是子标题
首标签和尾标签总是必须的吗?常言道,凡事均有例外。在HTML中,也有例外的情况,即有些元素没有尾标签。这些没有尾标签的元素被称作空元素(empty element),它们与具体文本内容无关,比如像下面这个换行标签:[size=3]<br />[/size]。
标签中的字母应该大写还是小写?大多数浏览器不介意标签是大写还是小写,或者混合大小写。所以<HTML>、<html>或<HtMl>在浏览器上的显示效果都一样。但是,[b]正确的[/b]写法是采用小写字母来书写标签。所以,要养成[b]用小写字母书写标签[/b]的习惯。
把标签放在哪里?你应该在HTML文档里书写标签。一个网站可能包含多个HTML文档。上网的过程,其实就是打开不同HTML文档的过程。
这一课就到这里。如果花10分钟时间继续学习下一课的话,你将能够制作自己的第一个网站。