METIN STILINDE ORNEKLER

HTML Hazirlama Rehberi - Normal v2.1 <Last Update: 14 Haziran 1996>

Yazi Kontrolu

bir satir atla (satir atlama komutu) <p>

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

How are you?

I'm fine. 

 

Bir satir asagidan yaz <br>

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

How are you?
I'm fine. 

 

asagidan devam etmez hep ayni satirdan devam eder. <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! 

 

Dizilme

<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

 

Kisim Kisim Yazma

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

 

Kolay Siralama

Siyah noktali listeleme <ul><li>...</ul>

<ul>
<li>Today
<li>Tommorow
</ul>

sirali listeleme <ol><li>...</ol>

<ol>
<li>Today
<li>Tommorow
</ol>

  1. Today
  2. Tommorow

satir basi yaparak listeleme <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.

aciklamali listeleme <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> 

 

Baslangica Imaj Koyma

isaret stili <li type=#> #=disk, circle, square

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

sirali stil <li type=#> #=A, a, I, i, 1

<ol><li type=A>ONE-ONE
<li>ONE-TWO</ol>

A.    ONE-ONE

B.    ONE-TWO

<ol><li type=a>ONE-ONE
<li>ONE-TWO</ol>

a.      ONE-ONE

b.     ONE-TWO

<ol><li type=I>ONE-ONE
<li>ONE-TWO</ol>

                                I.           ONE-ONE

                             II.           ONE-TWO

<ol><li type=i>ONE-ONE
<li>ONE-TWO</ol>

                                 i.           ONE-ONE

                               ii.           ONE-TWO

<ol><li type=1>ONE-ONE
<li>ONE-TWO</ol>

1.     ONE-ONE

2.     ONE-TWO

numarasina bakarak listeleme <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
    1. TWO-TWO 
 

Yazilar

<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 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
Here is order form.
·                Fax
·                 
·                Air Mail
 
 

Digerleri

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>

Here we are!