HTML 语法教学之排版标签

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

  1. 使用方法:老实说,刚刚我们学过的分段标签<p>再加上一些简单的属性设定,就可以让其整个文字段落置左、置中或置右了,就如下表所示:

    原始码呈现结果
    <p align="left">文字靠左</p>

    文字靠左

    <p align="center">文字置中</p>

    文字置中

    <p align="right">文字靠右</p>

    文字靠右

    标签解说:嗯!秘诀就在于“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>
    文 字
     格 式
    
    
  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 打赏
    打赏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

Morven

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付:¥1
获取中
扫码支付

您的余额不足,请更换扫码支付或充值

打赏作者

实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值