Chinaunix首页 | 论坛 | 博客
  • 博客访问: 132833
  • 博文数量: 62
  • 博客积分: 3000
  • 博客等级: 中校
  • 技术积分: 680
  • 用 户 组: 普通用户
  • 注册时间: 2009-05-01 08:00
文章分类

全部博文(62)

文章存档

2011年(1)

2009年(61)

我的朋友
最近访客

分类:

2009-05-02 06:25:20

HTML 语言教程

HTML 语言教程

+ 行的控制

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

你好吗?

很好。

你好吗?

很好。


换行

你好吗?
很好。

你好吗?
很好。


不换行


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

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


+ 文字的对齐(Alignment)

...

...

#=left, center, right

Hello<\h3>

Hello<\h3>

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)

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

    YESTERDAY TODAY
    TOMORROW

    YESTERDAY TODAY TOMORROW


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


    YESTERDAY
    TODAY
    TOMORROW

    YESTERDAY
    TODAY
    TOMORROW

    
    

    + 多列文本

    ... #=列的数目

    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....

    闪烁 ...

    闪烁!闪烁!

    闪烁!闪烁!

    阅读(269) | 评论(0) | 转发(0) |
    给主人留下些什么吧!~~