HTML语言基础之——使用标签制作文本内容(4)

在前面的文章里已经提到了HTML元素的分类(http://www.cnblogs.com/hnczty/archive/2011/09/06/2168685.html)。在HTML中使用的各元素,按照不同的特征和功能,可以分为:block元素(块级元素)、inline元素(内联元素)等概念,以及用样式表制定样式时不可或缺的<div>标签和<span>标签。

09、block元素与inline元素

     block元素中包括条目、段落、图表、表单等,起输入数据的作用。可以认为它就是“一个整体、组织”。典型的block元素:

<h1>~<h6>        条目标签
<p>              段落标签
<blockquote>     引用标签
<ul>,<ol>,<li>   与表有关的标签
<div>            层,制作block元素的标签
     通常,block元素会形成一个占满整个横向区域的长方形,再加上宽/高(width/heigh)、余白(margin/padding)等属性,就构成了HTML文件的骨架。这一概念与样式表的盒子模型(box model)是相通的。两个block元素之间,浏览器经常显示空着一行。

     inline元素通常作为block元素的内容。是给block元素内特定的部分(文本、图像等)加以装饰、赋予某种功能。inline元素内可以包含其他inline元素,但不能包含block元素。典型的inline元素:

a       链接标签
em      强调标签
strong  进一步强调标签
span    制作inline元素元素的标签

     前面已提到了置换元素(元素指向内容的一个占位符),如<img>标签,这种元素不仅具有inline元素的性质,也有block元素的属性。有宽、高的概念。

     两个inline元素连在一起时,浏览器通常显示为并列。

     综上所述:block元素中可以包含其他block元素或inline元素;但反过来,block元素不能置入inline元素中。block元素总是在新行上开始;而inline元素则总是在同一行上开始。

(注意:原则上,紧挨着<body>标签的下方,可以放置block元素,但不可以放置inline元素或文本。)

10、<div>标签与<span>标签

     用<div>标签给HTML文档内的文本、图像等元素分组,可以快速操作组内元素的样式。<div>标签可以包含<p>、<h1>等block元素,其间元素在HTML结构上没有特殊意义,只要样式的指定不改变,显示就不会改变。两个<div>标签之间不会出现空行。

     像<stong>标签一样,<span>标签可以给inline元素的一部分指定样式,不过这个样式是原创性的。与<div>标签一样,<span>标签在HTML结构上没有特殊意义,只要样式的指定不改变,显示就不会改变。

11、一些特殊文字的编写

     在HTML的make-up时,有时需要显示一些特殊文字:

&quot;  “(quptation mark)
&amp;  &(ampersand)
&lt;   <(less-than sian)
&gt;   >(greater-than sian)
&nbsp;   (no-break space)

      有时也需要显示一些特殊符号:

&cope;    © (著作权标志)
&reg;      ® (注册商标)
&trade;   ™ (商标)
&hellip;    … (三点leader)
&hearts;  ♥  (心)

(注意:这些编写方法使用的是“实体参照”原则,读者有兴趣可以百度一下。)

12、其他标签

       网页中“联系我们”部分的编写方式有很多种。不显示在浏览器上的方法有:<meta>标签、comment标签(<!-- -->)。要显示在浏览器上,可以使用<address>标签

(注意:其他的标签,如<abbr>标签(缩略语)、<acronym>标签(首字母缩写)等还待补充。)

posted @ 2011-09-11 11:17  自由天  阅读(312)  评论(0编辑  收藏  举报