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. 


  2. Tommorow 
    3. 




<ol>

<li>Today

<li>Tommorow

</ol> 		











    

  1. ONE 
    2. 


      

    1. TWO 
      2. 


        

      1. THREE 
        2. 

      

    






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


  2. ONE-TWO 
    3. 




<ol>

<li type=A>ONE-ONE

<li>ONE-TWO

</ol> 		







    

  1. ONE-ONE 
    2. 


  2. ONE-TWO 
    3. 




<ol>

<li type=a>ONE-ONE

<li>ONE-TWO

</ol> 		







    

  1. ONE-ONE 
    2. 


  2. ONE-TWO 
    3. 




<ol>

<li type=I>ONE-ONE

<li>ONE-TWO

</ol> 		







    

  1. ONE-ONE 
    2. 


  2. ONE-TWO 
    3. 




<ol>

<li type=i>ONE-ONE

<li>ONE-TWO

</ol> 		







    

  1. ONE-ONE 
    2. 


  2. ONE-TWO 
    3. 




<ol>

<li type=1>ONE-ONE

<li>ONE-TWO

</ol> 		









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








    


    

    


  1. ONE-ONE 
    2. 


  2. ONE-TWO 
    3. 


      

    1. TWO-ONE 
      2. 


    2. TWO-TWO 
      3. 

    






<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