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>
  • Today
  • Tommorow




Ordered lists <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>

<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>
  • ONE
  • TWO
  • THREE





Capital Letters <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





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>


  1. ONE-ONE
  2. 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 card
VISA    Master
Here 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 Master Here is an 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>







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>
Here we are!



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