关于HTML的排版标签

来源:互联网 发布:c语言常用库函数 编辑:程序博客网 时间:2024/05/16 14:00
代码示例如下:
<!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 rightleft表示将这个段落的内容从左边开始向右边排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>


运行结果如下:


0 0
原创粉丝点击