HTML text layout (text STYLE) tags (tags)

Control of the line

<------Paragraph------->

Segment (Paragraph) (can be considered a blank line) <p>

How are you doing? <p> very good.

How are you?

Very good.

<------break line------->

Linefeed <br>

How are you doing? <br> very good.

How are you?
Very good.

<------No break------->

No Line change <nobr>

<nobr>
Please change the width of your browser window so that it is less than the width of this line and see what this tag does!
</nobr>

Please change the width of your browser window so that it is less than the width of this line and see what this tag does!

<--################## Alignment ########################-->

Alignment of text (alignment)

<------HN centering------->

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

Hello

Hello

<------centering------->

<center>...</center>

<center>Hello</center>

Hello

<--################## Division ########################-->

The text partition (division) is displayed

<------left------->

<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. <------Center------->

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

Can you feel happiness without unpleasant?
Please show me your smile. <------right------->

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

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

<--################## List ########################-->

List

<------Unordered List------->

Unordered list <ul><li>...</ul>

<ul>
<li>today
<li>tommorow
</ul>

• Today
• Tommorow

<------Ordered List------->

Have sequence table <ol><li>...</ol>

<ol>
<li>today
<li>tommorow
</ol>

1. Today
2. Tommorow

<------Definition List------->

Define a list (definition lists) <dl><dt>...<dd>...</dl>

<dl>
<dt>today
<dd>today is yesterday.
<dt>tomorrow
<dd>tomorrow is today.
</dl>

Today

Today would be yesterday.

Tomorrow

Tomorrow would be today

.

<------Definition List Compact------->

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

Today Today would be yesterday. Next Tomorrow would be today.

<DL compact> <dt>today <dd>today is yesterday. <dt>tomorrow <dd>tomorrow is today. </dl>

<--################## List Customize ########################-->

Customizing list elements

<------Mark Style------->

Custom Table Tags <li type=#> #=disk, Circle, Square

<ul>
<li Type=disc>one
<li Type=circle>two
<li Type=square>three
</ul>

• One
• Two
• THREE

<------capital letters------->

Custom ordered list of serial numbers <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

<------sarted number------->

Customize the starting value of an ordinal number in a list table <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>
  
   

5. One-one
6. One-Two
   10. Two-one
   11. Two-two

<--################## preformatted ########################-->

preformatted text (preformatted)

<------preformatted------->

<pre>...</pre>

<pre>
Please use the Your card.
VISA Master
<b>here is a order form.</b>
<ul><li>fax
<li>air mail</ul>
</pre>

 
  
   
  Please use the your Cardvisa Master is the order
  
   form.
 
  

• Fax
• Air Mail

<------Listing------->

<listing>...</listing>

<listing>
Please use the Your card.
VISA Master
<b>here is a order form.</b>
<ul><li>fax
<li>air mail</ul>
</listing>

 
  
   
  Please use the Your card. VISA Master is the order
  
   form.
 
  

• Fax
• Air Mail

<------Example------->

<xmp>...</xmp>

<xmp>
Please use the Your card.
VISA Master
<b>here is a order form.</b>
<ul><li>fax
<li>air mail</ul>
</xmp>

 
  
   
  Please use the Your card. VISA    Master<b>here is Order Form.</b><ul><li>fax<li>air mail</ul>
 
  

<--################## Spacer ########################-->

Blank (spacer)

<------h&r------->

<spacer type= "Horizontal" size=#> #= horizontal blank width
<spacer type= "vertical" size=#> #= vertical Blank height

yesterday <spacer type= "Horizontal" size=50> today
<spacer type= "Vertical" size=50> tomorrow

Yesterday today tomorrow

<------block------->

<spacer type= "Block" width=# height=# align=##>
Size of #= blank
##=top, middle, bottom, left, right

<spacer type= "block" width=150 height=50 align=left>
Yesterday<br> today<br> tomorrow

Yesterday
Today
Tomorrow

<--################## multicolumn ########################-->

Multi-column Text

<------Basic------->

<multicol cols=#>. </multicol> #= Number of columns

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

<------gutter------->

<multicol gutter=#> ... </multicol> #= blank between columns

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

<------WIDTH------->

<multicol width=#> ... </multicol> width of #= column

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

<--################## other ########################-->

Other

<------BLOCKQUOTE------->

Block Reference (Blockquote) <blockquote>...</blockquote>

her Song:
<blockquote>
When I am young and I listened to the radio
Waiting for my favorite songs ....
</blockquote>

Her Song:

When I am young and I listened to the radio waiting for my favorite songs ....

<------Blink------->

Flashing <blink>...</blink>

<BLINK> Flashing! Flashing! </BLINK>

Flashing! Flashing!