您的位置:首页 > Web前端 > HTML

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

2011-09-06 16:11 609 查看

HTML的目的本来就是给文本添加条目、段落、表、表单等功能标志(mark-up),从而促使文本结构化。我们要灵活自如地使用标签设计文本内容(text contents)。


01、条目标签

在显示条目时,使用<h1>、<h2>、<h3>、<h4>、<h5>、<h6>等标签来配合条目的级别。数值越小,级别越高(更大的条目)。所以,给文章加条目要注意文章的层次结构,必须注意HTML元素的语义化。还有就是不要为了实现某一级条目样式(比如<h3>的尺寸)而使用这种样式,而这通常可以通过CSS样式表来实现。

(注意:条目标签将占有浏览器上横向的所有领域。)

例如:





02、段落标签

把正文的段落放在放入<p>~</p>之间来进行区分。段落中可以使用文本标签,也可以使用图片、链接以及其它与外观有关的标签。在浏览器中,两个段落间会自动换行,但<p>标签并不是实现换行的标签(而是<br />)。

(注意:段落标签也将占有浏览器上横向的所有领域。)

例如:浏览器中显示





实际的HTML文件:

<h1 style="border:1px solid #9dbed8;text-align:center;">唐诗欣赏</h1>

<h2>金缕衣</h2>

<h3>杜秋娘</h3>

<p>劝君莫惜金缕衣,劝君惜取少年时。<br />花开堪折直须折,莫待无花空折枝。</p>

<h2>金陵图 韦 庄</h2>

<p>江雨霏霏江草齐,六朝如梦鸟空啼。<br />无情最是台城柳,依旧烟笼十里堤。</p>

03、换行标签

在段落(<P>元素)中,想要换行时,使用<br />标签。当然,插入多个<br />标签可以相应地增加空行,但这种无意义的连续换行,在使用样式表设计网页时会给操作增加许多不必要的麻烦,所以,在有必要的时候再使用<br />标签吧。

(注意:在HTML文件中,即使换行了也不影响浏览器中的显示。<br />标签是空标签,没有结束标签,可写成<br>。但在XHTML 中,<br> 必须被正确地关闭,比如<br />。)

04、水平线标签

通过<hr />可以显示水平线。显示水平线后自动换行。水平线不能横向并列两条。在<hr />标签中有设计水平线的属性,但使用样式表设计更好,而且

在 HTML 4.01 中,hr 元素的所有呈现属性均不被赞成使用,在 XHTML 1.0 Strict DTD 中,hr 元素的所有呈现属性均不被支持。




(注意:<hr />标签也是空标签,也没有结束标签,可写成<hr>。但在XHTML 中,<hr> 必须被正确地关闭,比如<hr />。)
内容来自用户分享和网络整理,不保证内容的准确性,如有侵权内容,可联系管理员处理 点击这里给我发消息
标签: 
相关文章推荐