关于HTML的排版标签

本文主要是介绍关于HTML的排版标签，希望对大家解决编程问题提供一定的参考价值，需要的开发者们随着小编来一起学习吧！

代码示例如下：

<!doctype html>
<html lang="en"><head><meta charset="UTF-8"><meta name="Generator" content="EditPlus?"><meta name="Author" content=""><meta name="Keywords" content=""><meta name="Description" content=""><title>排版标签</title></head><body><!--注：在html中，忽略换行和空格排版标签：1.注释标记见body内2.段落标记<p> 属性：align="属性值"left center right
left表示将这个段落的内容从左边开始向右边排
center表示将这个段落的内容从中间开始,向左右两边排
right表示将这个段落的内容从右边开始向左边排3.换行标记 (没有结束标签，不过加上也不会报错)<br>  4.水平线标记
<hr> 其显示的是一条线
属性：1.align=""设定线条置放位置，可选择：left；right；center 三种设定值。 2.size="2" 设定线条厚度，以像素作单位，内定为 2。3.width="70%" 设定线条长度，可以是绝对值或相对值，内定为100%。4.color="#0000FF" 『只适用于IE』 5.noshade 设定线条为平面显示，若删去则具阴影或立体，这是内定值。
5.居中标记<center>6.预定义标签<pre> 使其保持原来文字的排版格式，若没有这个标签的话，
由于在html中，文字之间的空格和换行都会忽略，所以会变成连成一行7.块级标签<div>align = ""可选择：left；right；center 三种设定值。 8. 行级标签 <span>-->这是一个段落标签 <p align = "left">这是一个段落标签</p><p align = "left">这是一个段落标签</p>这是一个换行标签 <br>这是一个换行标签 </br><br> 这是一个换行标签</br><hr width = "50%" color = "red" size = "10" >   <!-- 50% 是个相对数值，会因界面的缩放而改变-->
<hr width = "500" color = "red" size = "10" >    <!-- 500 是个绝对数值，其单位是像素，不因界面的缩放而改变-->
<hr width = "5" color = "red" size = "100" >  <!--通过让width变小和size变大，就可以使其变成一条竖线 --><center>这是水平居中，这是水平居中，这是水平居中，这是水平居中，这是水平居中，这是水平居中，这是水平居中，这是水平居中，这是水平居中，这是水平居中，这是水平居中，这是水平居中，这是水平居中OK</center><pre>
清平乐年年雪里，常插梅花醉，挼尽梅花无好意，赢得满衣清泪！今年海角天涯，萧萧两鬓生华。看取晚来风势，故应难看梅花。
</pre><div align = "left">王力宏</div><div align = "left">王力宏</div>   <!-- 这个运行的结果是：王力宏和王力宏之间会换行--><span>王力宏</span><span>王力宏</span>  <!-- 这个运行的结果是：王力宏和王力宏之间不会换行--></body>
</html>

运行结果如下：