TEXT STYLE TAGS

HTML Design Guide - Table v3.0


+ Line Control

Paragraph (Work as Blank line) <p>

How are you?

I'm fine.

How are you?<p>I'm fine.


Break Line <br>

How are you?
I'm fine.
How are you?<br>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>

  • Today
  • Tommorow
<ul>
<li>Today
<li>Tommorow
</ul>
  • ONE
    • TWO
      • THREE
<ul><li>ONE
    <ul><li>TWO
        <ul><li>THREE
</ul></ul></ul>

Ordered lists <ol><li>...</ol>

  1. Today
  2. Tommorow
<ol>
<li>Today
<li>Tommorow
</ol>
  1. ONE
    1. TWO
      1. THREE
<ol><li>ONE
    <ol><li>TWO
        <ol><li>THREE
</ol></ol></ol>

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

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

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

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

Capital Letters <li type=#> #=A, a, I, i, 1

  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=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>

List started number <ol start=#> #=number


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


+ Preformatted Text

<pre>...</pre>

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

<listing>...</listing>

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

<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 an order form.</b>
<ul><li>Fax
<li>Air Mail</ul>
</xmp>


+ Spacer

<spacer type="horizontal" size=#> #=horizontal space
<spacer type="vertical" size=#> #=vertical space

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

YESTERDAY TODAY TOMORROW

<spacer type="block" width=# height=# align=##>
#=space size
##=top, middle, bottom, left, right

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

YESTERDAY
TODAY
TOMORROW



+ Multi-Column Text

<multicol cols=#> ... </multicol> #=Column Number

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

<multicol gutter=#> ... </multicol> #=Space between Columns

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

<multicol width=#> ... </multicol> #=Column Width

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


+ Other

Blockquote <blockquote>...</blockquote>

Her Song:

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

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

Blink <blink>...</blink>

Here we are! <BLINK> Here we are! </BLINK>



NCD HOME HTML Design Guide Main Page
Contents || Page || Font || Text Style || Image || Form || Table || Table Advanced
|| Frames || Marquee || Alternative Inline Elements
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