第一章:第3节 HTML用来修饰文字的一些标记

更新于:2016-11-03 20:27:51

打开HTML手册-》排版标记和字体标记


从这节开始主要学习用来修饰文字的一些标记:


<p></p>:段落标记,这个标记主要用于把文章的段落包住。如图:

1.png


用浏览器打开,如图:


1.png


看到没,文章的段落很清晰地分开了。<p></p>有一个属性align,它有三个值left、right、center,看意思就应该明白,就是让段落在哪个位置显示。

1.png


浏览器显示结果:


1.png


如果没有align属性,默认位置在左边。我前边说过了,关于网页的排版,主要用CSS,也包括文章的排版,用HTML标记自带的属性排版不多了。


<br />:换行标记,让文字另起一行显示。


1.png


浏览器显示效果:


1.png

看第二段落加标记的地方自动换行了,标记很简单。


<hr />:在网页里显示一条水平线,这个标签实际页面制作中用的少,不做演示了,感兴趣地自行参考手册学习吧。


<center></center>:居中标签,可以让文字居中。


1.png


浏览器效果:


1.png

“山野大地”不仅换行,独占一行,还居中了,这就是<center></center>的作用。


<pre></pre>:这个标签,用处不大,但要了解下它的作用,它可以把你文本编辑器里编辑的格式输入到浏览器显示。看图:


1.png


浏览器效果:


1.png


明白什么意思了吧


<div></div>:区隔标记,可以说现在用得最多的一个标记,它也没有非常特别的效果,主要是把网页的一些元素分成一块一块,配合CSS,来做整个页面的布局排版。


1.png


浏览器效果:

1.png

后边学习CSS的时候用<div></div>标记会很多。