跟我一起学HTML 第10讲 排版标签
【文字置左、置中、置右】
1. 使用方法:老实说,刚刚我们学过的分段卷标<p>再加上一些简单的属性设定,就可以让其整个文字段落置左、置中或置右了,就如下表所示:
原始码 | 呈现结果 |
<p align="left">文字靠左</p> |
文字靠左 |
<p align="center">文字置中</p> |
文字置中 |
<p align="right">文字靠右</p> |
文字靠右 |
2. 卷标解说:嗯!秘诀就在于「align=对齐位置」而已啦!align是分段卷标<p>的属性之一,这个属性将来会常常在不同卷标中看到,它的功能是专门在设定「水平对齐位置」,其常见的设定值有三个,也就是置左(align="left")、置中(align="center")、置右(align="right")。
【置中卷标】
1. 使用方法:<center>这是置中</center>
2. 卷标解说:这个卷标是最常用到的卷标了,除了文字,对于图片、表格,任何可以显现在网页上的东西都可以置中喔!
3. 使用范例:
原始码 | 呈现结果 |
<center>这是最中间</center> | 这是最中间 |
【向右缩排卷标】
1. 使用方法:<blockquote>要缩排的文字</blockquote>
2. 卷标解说:利用<blockquote></blockquote>这个卷标可以将其包起来的文字,全部往右缩排。而且加一组卷标,往右缩排一单位,加两组卷标,往右缩排两单位,依此类推。
3. 使用范例:
原始码 | 呈现结果 |
<blockquote>缩排1单位</blockquote> |
|
<blockquote><blockquote>缩排2单位</blockquote></blockquote> |
|
【保存原始格式卷标】
1. 使用方法:<pre>文字内容</pre>
2. 卷标解说:利用<pre></pre>这个卷标可以将其包起来的文字排版、格式,原封不动的呈现出来。算是相当好用的卷标之一。
3. 使用范例:
原始码 | 呈现结果 |
<pre> 文 字 格 式 </pre> |
文 字 格 式 |
版权声明:
作者:xiaoniba
链接:https://blog.xiaoniba.com/2007/11/20/%e8%b7%9f%e6%88%91%e4%b8%80%e8%b5%b7%e5%ad%a6html-%e7%ac%ac10%e8%ae%b2-%e6%8e%92%e7%89%88%e6%a0%87%e7%ad%be/
来源:小泥吧的博客
文章版权归作者所有,未经允许请勿转载。
共有 0 条评论