CSDN博客

img rmzhang33

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

发表于2004/9/14 9:50:00  482人阅读

分类: html教程

行的控制

段(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

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

      #=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

      ...


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

      Please use your card.
      VISA    Master
      Here is 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>Air Mail</ul><BR>
      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....

      闪烁 ...

      闪烁!闪烁!

      闪烁!闪烁!(已取消)

      (未完,请继续下一篇)


  • 阅读全文
    0 0

    相关文章推荐

    img
    取 消
    img