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

行的控制

段(Paragraph) (可以看作是空行) <p>

你好吗?<p>很好。

你好吗?

很好。


换行 <br>

你好吗?<br>很好。

你好吗?
很好。


不换行<nobr>

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

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


文字的对齐(Alignment)

<hn align=#>...</hn>
<p align=#>...</p> #=left, center, right

<h3 align=center>Hello<\h3>
<h3 align=right>Hello<\h3>

Hello

Hello

<center>...</center>

<center>Hello</center>

Hello


文字的分区(Division)显示

<div align=left> ... </div>

<div align=left>
Can you feel happiness without unpleasant? <br>
Please show me your smile.
</div>

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

<div align=center> ... </div>

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

<div align=right> ... </div>

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


列表

无序列表 <ul><li>...</ul>

<ul>
<li>Today
<li>Tommorow
</ul>
  • Today
  • Tommorow

有序列表 <ol><li>...</ol>

<ol>
<li>Today
<li>Tommorow
</ol>
  1. Today
  2. Tommorow

定义列表(Definition lists) <dl><dt>...<dd>...</dl>

<dl>
<dt>Today
<dd>Today is yesterday.
<dt>Tomorrow
<dd>Tomorrow is today.
</dl>
Today
Today will be yesterday.
Tomorrow
Tomorrow will be today.

Definition lists Compact <dl compact><dt>...<dd>...</dl>

Today
Today will be yesterday.
Next
Tomorrow will be today.
<dl compact>
<dt>Today
<dd>Today is yesterday.
<dt>Tomorrow
<dd>Tomorrow is today.
</dl>

定制列表元素

定制表中的标记 <li type=#> #=disk, circle, square

<ul>
<li type=disc>ONE
<li type=circle>TWO
<li type=square>THREE
</ul>
  • ONE
  • TWO
  • THREE

定制有序列表表中的序号 <li type=#> #=A, a, I, i, 1

<ol><li type=A>ONE-ONE
<li>ONE-TWO</ol>
  1. ONE-ONE
  2. ONE-TWO
<ol><li type=a>ONE-ONE
<li>ONE-TWO</ol>
  1. ONE-ONE
  2. ONE-TWO
<ol><li type=I>ONE-ONE
<li>ONE-TWO</ol>
  1. ONE-ONE
  2. ONE-TWO
<ol><li type=i>ONE-ONE
<li>ONE-TWO</ol>
  1. ONE-ONE
  2. ONE-TWO
<ol><li type=1>ONE-ONE
<li>ONE-TWO</ol>
  1. ONE-ONE
  2. ONE-TWO

定制有序列表表中的序号的起始值 <ol start=#> #=number

<ol start=5><li type=A>ONE-ONE<li>ONE-TWO        <ol start=10>        <li>TWO-ONE        <li type=i>TWO-TWO</ol></ol>

ONE-ONE ONE-TWO

  1. TWO-ONE
  2. TWO-TWO

预格式化文本(Preformatted Text)

<pre>...</pre>

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

<listing>...</listing>

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

<xmp>...</xmp>

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

<spacer type="horizontal" size=#> #=水平空白宽度
<spacer type="vertical" size=#> #=竖直空白高度

YESTERDAY <spacer type="horizontal" size=50> TODAY
<spacer type="vertical" size=50> TOMORROW

YESTERDAY TODAY TOMORROW

<spacer type="block" width=# height=# align=##>
#=空白的尺寸
##=top, middle, bottom, left, right

<spacer type="block" width=150 height=50 align=left>
YESTERDAY<br> TODAY<br> TOMORROW

YESTERDAY
TODAY
TOMORROW

多列文本

<multicol cols=#> ... </multicol> #=列的数目

<multicol cols=2> text text text... </multicol>

<multicol gutter=#> ... </multicol> #=列间的空白

<multicol cols=2 gutter=100> text text text... </multicol>

<multicol width=#> ... </multicol> #=列的宽度

<multicol cols=2 width=400> text text text... </multicol>

其它

块引用(Blockquote) <blockquote>...</blockquote>

Her Song:
<blockquote>
When I was young, I listened to the radio
waiting for my favorite songs....
</blockquote>

Her Song:

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

闪烁 <blink>...</blink>

<BLINK> 闪烁!闪烁! </BLINK>

闪烁!闪烁!

以上是小编为您精心准备的的内容,在的博客、问答、公众号、人物、课程等栏目也有的相关内容,欢迎继续使用右上角搜索按钮进行搜索text
, order
, visa
, 宽度
, One
one()
style type text css、style.csstext、settextstyle、echarts textstyle、textstyle属性,以便于您获取更多的相关知识。

时间: 2024-08-22 14:24:11

文字布局(TEXT STYLE)标记(TAGS)的相关文章

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

行的控制 <------Paragraph-------> 段(Paragraph) (可以看作是空行) <p> 你好吗?<p>很好. 你好吗? 很好. <------Break Line-------> 换行 <br> 你好吗?<br>很好. 你好吗?很好. <------No Break-------> 不换行<nobr> <nobr> 请改变您浏览器窗口的宽度, 使之小于这一行的宽度, 看看这

文字布局(TEXT STYLE)标记

在这里我们介绍常用的几个文字布局标记:<P>.<BR>.<B>.<I>.<U>. 定义段落 <P>-</P> 这个标记用于指明文本段落的开始和结束.这个标记必须使用结束标记. 格式:<P>-</P> 属性: ALIGN:用于设定文本的对齐方式.它的值有LEFT(左对齐).RIGHT(右对齐).CENTER(居中).默认值是左对齐. 例:<P ALIGN=CENTER>设定段落对齐方式为居

WPF笔记(2.7 文字布局)——Layout

这一节介绍的是文字布局的几个控件: 1.TextBlock 最基本的文字控件 可以配置5个Font属性. TextWraping属性,"Wrap"是换行,NoWrap是不换行(原书有误,在此更正). TextBlock控件内可以放置很多控件,不光是文字. <TextBlock TextWraping="Wrap"> <Button>Split</Button> <CheckBox>across</CheckBox

textview-以程序的形式设置 Typeface,在 xml 中设置 text style

问题描述 以程序的形式设置 Typeface,在 xml 中设置 text style 我在 xml 中定义了一个 textview,现在以程序化的方式设置 Typeface: textView.setTypeface(APP_FONT_REGULAR); //在assests (.ttf file) 中自定义字体 现在我在 xml 中设置了android:textStyle=""bold""但是为什么没有应用粗体字?如何应用自定义的 Typface 并把它设置为粗

textview-在 xml 中以程序化的方式设置 Typeface 和 text style

问题描述 在 xml 中以程序化的方式设置 Typeface 和 text style 我在xml中定义了一个textview,我按照下面的方法设置了Typeface textView.setTypeface(APP_FONT_REGULAR); // 在 assests 中自定义字体 (.ttf file). 在xml中设置了 android:textStyle=""bold""但是为什么没有变成粗体字? 如何给字体设置粗体? 解决方案 当调用 setTypefa

HTML表格(TABLE)标记(TAGS)

表格的基本语法 <table>...</table> - 定义表格<tr> - 定义表行<th> - 定义表头<td> - 定义表元(表格的具体数据) 带边框的表格: <table border><tr><th>Food</th><th>Drink</th><th>Sweet</th><tr><td>A</td>&l

HTML图象(IMAGE)标记(TAGS)

链入图象的基本语法 <------img source-------> <img src=#> #=图象的 URL <------img description-------> <img alt=#> #=在浏览器尚未完全读入图象时,在图象位置显示的文字. <img src="http://www.cncms.com.cn/html/f.gif" alt="MY FACE :-)"> <--#####

页面(PAGE)标记(TAGS)

页面 HTML 文件结构(Document Structures) <html>...</html><head>...</head><body>...</body> <HTML><HEAD> <title>, <base>, <link>, <isindex>, <meta></HEAD><BODY> HTML 文件的正文写在这

HTML页面(PAGE)标记(TAGS)

HTML 文件结构(Document Structures) <html>...</html><head>...</head><body>...</body> <HTML><HEAD> <title>, <base>, <link>, <isindex>, <meta></HEAD><BODY> HTML 文件的正文写在这里..