TEXT STYLE TAGS
HTML Design Guide - Normal v2.1
<Last Update: 1 April 1996>
Line Control
Paragraph
(Work as Blank line) <p>
-
How are you?<p>I'm fine.
How are you?
I'm fine.
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!
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.
Basic Listings
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>
- 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>
|
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 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.
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>
-
<BLINK>
Here we are!
</BLINK>
HTML Design Guide Main Page
Contents
|| Page
|| Font
|| Text Style
|| Image
|| Form
|| Table
|| Table Advanced
|| Frames
|| Marquee
|| Alternative Inline Elements
|| Math
Tag Index
|| What's New
Network Communication Design
http://ncdesign.kyushu-id.ac.jp/
C&P 1994-1996 Yuriko Ienaga v91102@vgenda.kyushu-id.ac.jp