TEXT STYLE TAGS
[Line Control][Centering
][Division
][Basic Listing]
[Customized Listing Items
][Preformatted Text][Other]
Line Control
Paragraph
(Work as Blank line) <p>
-
How are you?<p>I'm fine.
How are you?
I'm fine.
(<p><p> doesn't work on all browsers.)
Break Line <br>
-
How are you?<br>I'm fine.
How are you?
I'm fine.
No Break <nobr>
-
<nobr>
Close your browser window width, and find how this tag will work!
</nobr>
Close your browser window width, and find how this tag will work!
Centering
<hn align=center>...</hn>
<p align=center>...</p>
<center>...</center>
-
<h3 align=center>Wonderful!!</h3>
<center>This must be my dream.</center>
Wonderful!!
This must be my dream.
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.
Basic Listing
Unordered list <ul><li>...</ul>
-
<ul>
<li>Today
<li>Tommorow
</ul>
|
Ordered lists <ol><li>...</ol>
-
<ol>
<li>Today
<li>Tommorow
</ol>
- Today
- 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>
<dl compact>
<dt>Today
<dd>Today is yesterday.
<dt>Next
<dd>Tomorrow is today.
</dl>
- Today
- Today is yesterday.
- Next
- Tomorrow is today.
|
Customized listing items
Mark Styles <li type=#> #=disk, circle, square
-
<ul>
<li type=disc>ONE
<li type=circle>TWO
<li type=square>THREE
</ul>
|
Capital Letters <li type=#> #=A, a, I, i, 1
-
<ol><li type=A>ONE-ONE
<li>ONE-TWO</ol>
- ONE-ONE
- ONE-TWO
-
<ol><li type=a>ONE-ONE
<li>ONE-TWO</ol>
- ONE-ONE
- ONE-TWO
-
<ol><li type=I>ONE-ONE
<li>ONE-TWO</ol>
- ONE-ONE
- ONE-TWO
-
<ol><li type=i>ONE-ONE
<li>ONE-TWO</ol>
- ONE-ONE
- ONE-TWO
-
<ol><li type=1>ONE-ONE
<li>ONE-TWO</ol>
- ONE-ONE
- ONE-TWO
|
List started number <ol start=#> #=number
-
<ol start=5>
<li type=A>ONE-ONE
<li>ONE-TWO
<ol start=10>
<li>TWO-ONE
<li type=i>TWO-ONE
</ol></ol>
- ONE-ONE
- ONE-TWO
- TWO-ONE
- 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 card
VISA Master
Here is an order form.
|
<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 Master
Here is an order form.
|
<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
Here is order form.
|
- <plaintext> tag is similar to <xmp>. But it has no </plaintext> tag.
Other
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>
(Netscape only)
-
<BLINK>
Here we are!
</BLINK>

[Page][Font][Text Style ][Image][Table][Form][Applet][Frames]
[Marquee][Image Map][Javascript][Entities][Tag Index]