网站首页 手机版
 注册 登录
您现在的位置: 畅无忧设计 >> 网站建设 >> HTML教程 >> 正文
最新文章
· 安装与设置FCKEditor
· iframe父窗口和子窗口相互的调用方法
· 解决div总是被select遮挡的问题
· html的框架frame和frameset
· 网页常用的三种注释方法
· iframe背景透明效果的实现
· 使用iframe嵌入的页面单击链接时,让
· 点击#空链接不跳到页面顶端
· 网页表格表框制作技巧
· HTML特殊字符列表
热门文章
 使用iframe嵌入的页面单击链接时,
 iframe背景透明效果的实现
 html的框架frame和frameset
 点击#空链接不跳到页面顶端
 flash自动激活和flash虚线框的解决
 网页中插入背景音乐
 IFRAME属性及详解
 简单实现在网页中控制Flash的播放
 在线视频播放代码大全
 让iframe透明显示
相关文章
HTML基础第十二讲—链接标志
HTML基础第十一讲—背景标志
HTML基础第九讲—表单
HTML基础第八讲—序列卷标
HTML基础第七讲—框架
HTML基础第六讲—表格
HTML基础第十讲—排版卷标
来源:www.cwydesign.com 更新时间:2009/5/1 16:09:21 阅读次数:
字体:[ ] 我要投稿
   网页的排版部份也是很重要的一环,有些现成的卷标就可以让您轻易的完成缩排或是一些特殊格式的编排喔!

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

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 2008-2010, CWYDESIGN.COM - 畅无忧设计, Inc. All Rights Reserved
    滇ICP备09005765号