帐号: 密码:
// 设为首页 // 收藏本站 // 请您留言 // 网址导航
远方教程-满足你的求知欲!
站内搜索:
HTML ASP PHP CSS DIV Dreamweaver Photoshop Word Excel PPT SEO技巧
您当前位置:网站首页 >> HTML入门 >> HTML基础教程 >> 阅读文章

HTML基础第十讲:排版卷标

来源:远方教程 作者:远方教程 发布时间:2013-10-16 查看次数:2468 访问[新版]

  网页的排版部份也是很重要的一环,有些现成的卷标就可以让您轻易的完成缩排或是一些特殊格式的编排喔!

【文字置左、置中、置右】

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>
缩排1单位
<blockquote><blockquote>缩排2单位</blockquote></blockquote>
缩排2单位


【保存原始格式卷标】

1. 使用方法:<pre>文字内容</pre> 

2. 卷标解说:利用<pre></pre>这个卷标可以将其包起来的文字排版、格式,原封不动的呈现出来。算是相当好用的卷标之一。
 
3. 使用范例:

原始码 呈现结果
<pre>
文 字
  格 式
</pre>
文 字 
 格 式 

打印 打印 | 关闭 关闭 评论
相关文章
图片新闻
站内搜索  
搜索
猜您喜欢  
最新更新  
阅读排行  
关于我们 | 联系方式 | 大事记 | 免责声明 | | 给我留言
部分广告源自金山联盟2345联盟 QQ咨询 站长之家QQ群:232617873
Copyright 2024 远方教程 © All Rights Reserved.

回顶部