�eviren : Selen �nal

Basit HTML Tasar�m K�lavuzu

HTML, sanaldoku (web) g�r�nt�leyicisi i�in bi�imleyici buyruklar i�eren ASCII metinleridir. Bu bi�imleyici buyruklar etiket olarak adland�r�l�r. �ki �e�it etiket vard�r: ba�lang�� ve biti� etiketleri. <ba�lang��etiketi> </biti�etiketi>. Biti� etiketi, ba�lang�� etiketi gibi g�r�n�r, ancak bir "/" i�erir. Bir ba�lang�� etiketi s�zgelimi "buradan ba�layarak yat�k yaz� tipi kullan" olabilir ve tabiki daha sonra bir "yat�k yaz� tipi kullan�m�na son ver" biti� etiketine gereksinim duyacaks�n�z. Ancak t�m etiketler bir biti� etiketine sahip de�ildir. Bu tip etiketlere bir ornek satir sonu (<br>) etiketidir.

A�a��da en �nemli etiketleri ��reneceksiniz:

Ba�l�k

LinuxFocus yaz�lar� i�inde sadece 2. d�zey ve 3. d�zey etiketler kullanmal�s�n�z.

<h2>2. Ba�l�k seviyesi</h2>
a�a��daki gibi g�z�kecektir:

2. Ba�l�k seviyesi

<h3>3. Ba�l�k seviyesi</h3>
bunun gibi gozukecektir:

3. Ba�l�k seviyesi

Sat�r sonlar� ve paragraflar

<p>Bu bir paragraft�r. Paragraf i�inde sat�r sonuna neden olmak icin <br>'i
kullanabilirsiniz. �o�unlukla paragra gerek duymazs�n�z ve onun yerine iki <br><br>

kullanabilirsiniz.</p>

<p>Bu yeni bir paragraft�r. "p" etiketini veya iki sat�r sonu etiketini <br><br>

tercih etmek size kalm��t�r. HTML'nin kullan�m� �ok kolayd�r.</p>

Listeler

<ul>
<li>Ben s�ralanmam�� bir listede birinci liste maddesiyim.</li>
<li>Ben s�ralanmam�� bir listede ikinci liste maddesiyim.</li>
</ul>
Bu s�ralanmam�� liste a�a��daki gibi g�r�lecektir:

Ben s�ralanmam�� bir listede birinci liste maddesiyim.
Ben s�ralanmam�� bir listede ikinci liste maddesiyim.

<ol>
<li>Ben s�ralanm�� bir listede birinci liste maddesiyim.</li>
<li>Ben s�ralanm�� bir listede ikinci liste maddesiyim.</li>
</ol>

Bu s�ralanm�� liste a�a��daki gibi g�r�lecektir:

Ben s�ralanm�� bir listede birinci liste maddesiyim.
Ben s�ralanm�� bir listede ikinci liste maddesiyim.

Koyu renk ve yat�k metinler

<b>koyu renkli metin</b>
koyu renkli metin
<i>yat�k metin</i>
yat�k metin

�nceden bi�imlenmi� metin

<pre>
Bu �nceden bi�imlenmi� bir metindir. Burada t�m sat�r sonlar� de�i�tirilmeden
kalmaktad�r. Bunu kaynak programlar�n�z� g�stermek i�in kullanabilirsiniz.
Ancak sat�lar�n �ok uzun (en fazla 70 harf) olmamas�na dikkat edin, yoksa 
insanlar bu metni basmak isterken sorunlarla kar��la�abilirler.
</pre>

Tablolar

<table border="1">
<tr>
   <td>"tr" yeni bir tablo sat�r� ba�lat�r.</td>
   <td>Her tablo sat�r� bir "td" (=table data= tablo verisi) i�erisinde as�l metni i�ermelidir.</td>
</tr>
<tr>
   <td>ikinci sat�r.</td>
   <td>ikinci sat�rdaki ikinci tablo verisi</td>
</tr>
</table>

"tr" yeni bir tablo sat�r� ba�lat�r.	Her tablo sat�r� bir "td" (=table data= tablo verisi) i�erisinde as�l metni i�ermelidir.
ikinci satir.	ikinci satirdaki ikinci tablo verisi

Resimler

Simgeleri dahil etmek i�in "img src..." etiketi kullan�lmaktad�r. Resimleri sa� veya sola dayal� olarak yerle�tirebilirsiniz.

<img src="../../common/images/lflogo_sbutton.gif" alt="LinuxFocus logo" width="143" height="45" align="left">

Ba�lant�lar

HTML'nin onemli �zelliklerinden birisi de, ba�ka sayfalara ba�lant� olu�turabilmesidir. Bu, "a href..." etiketi ile yap�l�r:
<a href="authguide.shtml">authguide.shtml sayfas�na ba�lant�</a>
a�a��daki gibi g�r�necektir:
authguide.shtml sayfas�na ba�lant�