HTML语言基础之——使用标签制作文本内容(4)
在前面的文章里已经提到了HTML元素的分类(http://www.cnblogs.com/hnczty/archive/2011/09/06/2168685.html)。在HTML中使用的各元素,按照不同的特征和功能,可以分为:block元素(块级元素)、inline元素(内联元素)等概念,以及用样式表制定样式时不可或缺的<div>标签和<span>标签。
09、block元素与inline元素
block元素中包括条目、段落、图表、表单等,起输入数据的作用。可以认为它就是“一个整体、组织”。典型的block元素:
通常,block元素会形成一个占满整个横向区域的长方形,再加上宽/高(width/heigh)、余白(margin/padding)等属性,就构成了HTML文件的骨架。这一概念与样式表的盒子模型(box model)是相通的。两个block元素之间,浏览器经常显示空着一行。<h1>~<h6> 条目标签<p> 段落标签<blockquote> 引用标签<ul>,<ol>,<li> 与表有关的标签<div> 层,制作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时,有时需要显示一些特殊文字:
" “(quptation mark)& &(ampersand)< <(less-than sian)
> >(greater-than sian)
(no-break space)
有时也需要显示一些特殊符号:
&cope; © (著作权标志)
® ® (注册商标)
™ ™ (商标)
… … (三点leader)
♥ ♥ (心)
(注意:这些编写方法使用的是“实体参照”原则,读者有兴趣可以百度一下。)
12、其他标签
网页中“联系我们”部分的编写方式有很多种。不显示在浏览器上的方法有:<meta>标签、comment标签(<!-- -->)。要显示在浏览器上,可以使用<address>标签。
(注意:其他的标签,如<abbr>标签(缩略语)、<acronym>标签(首字母缩写)等还待补充。)