Разное  /  HTML 4.0 Design Guide  /  Text Tags

О нас    Новости    Услуги    Портфолио    FAQ    Разное    Дом


Contents:

Page
Font
Text
Image
Form
Table
Frame
Inline
Paragraph


  Paragraph <p>:
<p>First paragraph.
<p>Second paragraph.

First paragraph.

Second paragraph.


Paragraph Alignment <p align=#>:
   #=left, center, right, justify


<p align=left>

One thing was certain,
that the white kitten had had
nothing to do with it:
- it was the black kitten's fault entirely.

<p align=right>

One thing was certain,
that the white kitten had had
nothing to do with it:
- it was the black kitten's fault entirely.

<p align=center>

One thing was certain,
that the white kitten had had
nothing to do with it:
- it was the black kitten's fault entirely.

<p align=justify>

One thing was certain, that the white kitten had had nothing to do with it:
- it was the black kitten's fault entirely.



Line Break


  Break Line <br>:
How are you?<br>I'm fine.
How are you?
I'm fine.

No Break <nobr>:
<nobr>
One thing was certain, that the white kitten
had had nothing to do with it:
- it was the black kitten's fault entirely.
</nobr>
One thing was certain, that the white kitten had had nothing to do with it: - it was the black kitten's fault entirely.


Centering


  <center>...</center>:
<center>Hello</center>
Hello


Grouping Elements


  Division (grouping for text block)     <div> ... </div>:
<div class="section">
<H2>1. First Step</H2>
In this section, you have to....
<div class="subsection">
<H4>1-1. Music</H4>
Music is a important language.... 
</div>
</div>

1. First Step

In this section, you have to....

1-1. Music

Music is a important language....


Span (grouping for word)     <span> ... </span>:
PHONE: 
<span class="phone">
000-0000000
</SPAN>
PHONE: 000-0000000

Basic Listings


  Unordered list <ul><li>...</ul>:
<ul>
<li>Today
<li>Tommorow
</ul>
  • Today
  • Tommorow
<ul><li>ONE
    <ul><li>TWO
        <ul><li>THREE
</ul></ul></ul>
  • ONE
    • TWO
      • THREE

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

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>Tomorrow
<dd>Tomorrow is today.
</dl>
Today
Today will be yesterday.
Next
Tomorrow will be today.

Customized listing


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

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

<multicol gutter=#> ... </multicol>
    #=Space between Columns
<multicol cols=2 gutter=100>:
text text text...
</multicol>
text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text

<multicol width=#> ... </multicol>:
    #=Column Width
<multicol cols=2 width=300>
text text text...
</multicol>
text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text

Other


  Blockquote <blockquote>...</blockquote>:
U2:
<blockquote>
You know your chewing bubblegum 
You know what that is 
But you still want some 
You just can't get enough 
Of that lovey-dovey stuff...
</blockquote>
U2:
You know your chewing bubblegum
You know what that is
But you still want some
You just can't get enough
Of that lovey-dovey stuff...

Blink <blink>...</blink>:
<BLINK>
Hello there!
</BLINK>
Hello there!

Marquee


  <marquee>...</marquee>
<marquee>Don't waste your time!</marquee>
Don't waste your time!

    Marquee Attributes:


О нас    Новости    Услуги    Портфолио    FAQ    Разное    Дом

Разное  /  HTML 4.0 Design Guide  /  Text Tags