设为首页 | 加入收藏 | 联系站长
Google
 | 星际争霸 | 星际争霸II | 暗黑破坏神
 | 魔兽争霸 | 英雄无敌  
 您现在的位置: 好技术学习网 >> 技术文章 >> HTML、CSS技术 >> HTML专栏 >> 文章正文
相 关 文 章
WEB前端开发经验总结 Ⅰ
innerHTML 的一些问题
ASP设计常见问题及解答精要…
ASP设计常见问题及解答精要…
Form域中用Post提交容量大的…
ASP中使用组件搜索
解决在ASP中执行数据库查询…
维护ASP应用程序的安全
用ASP打开远端MDB文件
ASP中如何在网页上输入中文…
最 新 热 门
最 新 推 荐
精 彩 游 戏
移动能力强,防御强大,任何地方都可以建筑,隐形,多样性,船舶,科技树…
[星际补丁]1.14·1.13f·1.08b
[星际2]酷图 [星际2]人族视频
[人类]大法师  [兽族]暗影猎手
[精灵]恶魔猎手 [不死]死亡骑士
[资讯]魔兽资讯 [图库]魔兽酷图
[下载]魔兽下载 [壁纸]精美壁纸
暗黑破坏神入门 暗黑破坏神指引
[Hero5]宝物一览   英雄无敌
当前时间是:
HTML基础第十讲-排版卷标
作者:佚名 来源:网人俱乐部 时间:2006-11-10 21:12:50 『 字号:  』

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

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

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>

文 字
 格 式
 

 

  • 上一篇文章:

  • 下一篇文章:
  • 发表评论】【打印本文】【关闭窗口

    网站公告 | 关于本站 | 联系站长 | 设为首页 | 加入收藏 | 友情链接 | 版权申明 | 广告服务 | 网站地图 | 访客留言

    Copyright ©
    建议使用1024*768分辨率及第三方浏览器对本站进行浏览
    | |
    本站大部分信息资源来源于网络,仅供学习|研究|探讨|收藏之用,版权归原作者所有!