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

原创 2004年09月14日 09:50:00

◇ 行的控制

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

Today
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
ONE-ONE
ONE-TWO
  1. ONE-ONE
  2. ONE-TWO
ONE-ONE
ONE-TWO
  1. ONE-ONE
  2. ONE-TWO
ONE-ONE
ONE-TWO
  1. ONE-ONE
  2. ONE-TWO
ONE-ONE
ONE-TWO
  1. ONE-ONE
  2. ONE-TWO
ONE-ONE
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

...


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

...


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

◇ 空白(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....

闪烁 ...

闪烁!闪烁!

闪烁!闪烁!(已取消)

(未完,请继续下一篇)


文字布局(TEXT STYLE)标记(TAGS)

  行的控制 段(Paragraph) (可以看作是空行) 你好吗?很好。 你好吗? 很好。换行 你好吗?很好。 你好吗?很好。不换行 请改变您浏览器窗口的宽度, 使之小于这一行的宽度, 看看这个标记...
  • ben0759
  • ben0759
  • 2008年08月07日 01:48
  • 186

HTML-文字布局(TEXT STYLE)标记(TAGS)

文字布局(TEXT STYLE)标记(TAGS)   行的控制 段(Paragraph) (可以看作是空行) 你好吗?很好。 你好吗?  很好。 换行 你好吗?很好。 你好吗?很好。 不换行 请改变您...
  • hefei_cn
  • hefei_cn
  • 2007年01月04日 16:00
  • 404

第三章 文字布局(TEXT STYLE)标记(TAGS)

行的控制  段(Paragraph) (可以看作是空行) 你好吗?很好。 你好吗?  很好。 换行 你好吗?很好。 你好吗?很好。 不换行 请改变您浏览器窗口的宽度, 使之小于这一行的宽度, 看看这个...
  • vip_xieqijiang
  • vip_xieqijiang
  • 2010年05月10日 21:16
  • 66

HTML--文字布局(TEXT STYLE)标记(TAGS)

文字布局(TEXT STYLE)标记(TAGS) 行的控制 段(Paragraph) (可以看作是空行) 你好吗?很好。你好吗? 很好。换行 你好吗?很好。你好吗? 很好。不换行 请改变您浏览器...
  • chunkyo
  • chunkyo
  • 2006年04月21日 12:06
  • 522

html教程(二) 字体(FONT)标记(TAGS)

◇ 标题字体(Header) ... #=1, 2, 3, 4, 5, 6今天天气真好! 今天天气真好!今天天气真好! 今天天气真好!今天天气真好! 今天天气真好!今天天气真好! 今天天气真好!今天...
  • rmzhang33
  • rmzhang33
  • 2004年09月14日 09:48
  • 422

html教程(五) 表单(FORM)标记(TAGS)

◇ 基本语法表单的基本语法... ... *=GET, POST  表单中提供给用户的输入形式*=text, password, checkbox, radio, image, hidden, s...
  • rmzhang33
  • rmzhang33
  • 2004年09月14日 09:51
  • 607

html教程(三) 图象(IMAGE)标记(TAGS)

◇ 链入图象的基本语法 #=图象的 URL #=在浏览器尚未完全读入图象时,在图象位置显示的文字。 ◇ 图象和文字的对齐 #=top, middle, bottom My face! My Fa...
  • rmzhang33
  • rmzhang33
  • 2004年09月14日 09:50
  • 507

html教程(一) 页面(PAGE)标记(TAGS)

页面(PAGE)标记(TAGS)◇HTML 文件结构(Document Structures) ......... , , , , HTML 文件的正文写在这里... ... ◇语言...
  • rmzhang33
  • rmzhang33
  • 2004年09月14日 09:47
  • 900

RN学习笔记

react-native 学习 环境安装:http://reactnative.cn/docs/0.48/getting-started.html#content 更新npm: 建议使用淘宝镜像...
  • book_1992
  • book_1992
  • 2017年11月27日 17:20
  • 81

html教程(六) 表格标记

◇ 表格的基本语法... - 定义表格 - 定义表行 - 定义表头 - 定义表元(表格的具体数据)带边框的表格: FoodDrinkSweetABC FoodDrinkSweetABC不带边...
  • rmzhang33
  • rmzhang33
  • 2004年09月14日 10:02
  • 486
内容举报
返回顶部
收藏助手
不良信息举报
您举报文章:html教程(四) 文字布局(TEXT STYLE)标记(TAGS)
举报原因:
原因补充:

(最多只允许输入30个字)