html教程(四) 文字布局(TEXT STYLE)标记(TAGS)

◇ 行的控制

段(Paragraph) (可以看作是空行)

你好吗?

很好。

你好吗?

很好。

换行

你好吗?
很好。

你好吗?
很好。

不换行


请改变您浏览器窗口的宽度, 使之小于这一行的宽度, 看看这个标记的作用!

请改变您浏览器窗口的宽度,使之小于这一行的宽度,看看这个标记的作用!

◇ 文字的对齐(Alignment)

...

...

#=left, center, right

Hello


Hello

Hello

Hello

...
Hello

Hello

◇ 文字的分区(Division)显示

...

Can you feel happiness without unpleasant?

Please show me your smile.

Can you feel happiness without unpleasant?
Please show me your smile.

...

Can you feel happiness without unpleasant?
Please show me your smile.

...

Can you feel happiness without unpleasant?
Please show me your smile.

◇ 列表

无序列表

  • ...

  • Today
  • Tommorow
  • Today
  • Tommorow

有序列表

  1. ...

  1. Today
  2. Tommorow
  1. Today
  2. Tommorow

定义列表(Definition lists)

...
...

Today
Today is yesterday.
Tomorrow
Tomorrow is today.
Today
Today will be yesterday.
Tomorrow
Tomorrow will be today.

Definition lists Compact

...
...

Today
Today will be yesterday.
Next
Tomorrow will be today.

Today
Today is yesterday.
Tomorrow
Tomorrow is today.

◇ 定制列表元素

定制表中的标记

  • #=disk, circle, square

    • ONE
    • TWO
    • THREE
    • ONE
    • TWO
    • THREE

    定制有序列表表中的序号
    • #=A, a, I, i, 1

    1. ONE-ONE
    2. ONE-TWO
    1. ONE-ONE
    2. ONE-TWO
    1. ONE-ONE
    2. ONE-TWO
    1. ONE-ONE
    2. ONE-TWO
    1. ONE-ONE
    2. ONE-TWO
    1. ONE-ONE
    2. ONE-TWO
    1. ONE-ONE
    2. ONE-TWO
    1. ONE-ONE
    2. ONE-TWO
    1. ONE-ONE
    2. ONE-TWO
    1. ONE-ONE
    2. ONE-TWO

    定制有序列表表中的序号的起始值

    1. #=number
           
      1. ONE-ONE
      2. ONE-TWO
        1. TWO-ONE
        2. TWO-TWO
      1. ONE-ONE
      2. ONE-TWO
        1. TWO-ONE
        2. TWO-TWO

      ◇ 预格式化文本(Preformatted Text)

      ...

      Please use your card.
      VISA Master
      Here is an order form.
      • Fax
      • Air Mail

      Please use your card
      VISA    Master
      Here is an order form.
      
      • Fax
      • Air Mail

      ...

      <br>Please use your card. <br>VISA Master <br> <b>Here is an order form.</b> <br> <ul> <li>Fax<br></li> <li>Air Mail</li> </ul> <br>
      Please use your card.
      VISA    Master
      Here is order form.
      
      • Fax
      • Air Mail

           ...
          

             &lt;BR&gt;Please use your card.&lt;BR&gt;VISA Master&lt;BR&gt;&lt;b&gt;Here is an order form.&lt;/b&gt;&lt;BR&gt;&lt;ul&gt;&lt;li&gt;Fax&lt;BR&gt;&lt;li&gt;Air Mail&lt;/ul&gt;&lt;BR&gt;
            
      Please use your card.
      VISA    Master
      Here is order form.
      
          
      • Fax
      • Air Mail

      ◇ 空白(Spacer) netscape.gif (168 bytes)

      #=水平空白宽度
      #=竖直空白高度

      YESTERDAY TODAY
      TOMORROW

      YESTERDAY TODAY TOMORROW


      #=空白的尺寸
      ##=top, middle, bottom, left, right


      YESTERDAY
      TODAY
      TOMORROW

      YESTERDAY
      TODAY
      TOMORROW

      ◇ 多列文本 netscape.gif (168 bytes)

      ... #=列的数目

      text text text...
      例子

      ... #=列间的空白

      text text text...
      例子

      ... #=列的宽度

      text text text...
      例子

      ◇ 其它

      块引用(Blockquote)

      ...
      Her Song:

      When I was young, I listened to the radio
      waiting for my favorite songs....

      Her Song:

      When I was young, I listened to the radio waiting for my favorite songs....

      闪烁 ...

      闪烁!闪烁!

      闪烁!闪烁!(已取消)

      (未完,请继续下一篇)


评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

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

余额充值