Temel Taglar

 

Başlık Tagı

<title></title> Dokümanın başlığı buraya yazılır
 

Body Parametreleri

<body bgcolor="renk"> Sayfanın arka plan rengi, isim ya da hex. değer olarak yazılır

<body background=”resim”> Arka plan resmi

<body text="renk "> Yazı rengi, isim ya da hex. değer olarak yazılır

<body link="renk "> Link rengi, isim ya da hex. değer olarak yazılır

<body vlink="renk"> Ziyaret edilmiş link rengi, isim ya da hex. değer olarak yazılır

<body alink="renk"> Linkin tıklandığı andaki (aktif) link rengi, isim ya da hex. değer
                                            olarak yazılır

<body topmargin=”deger”> Sayfa içeriğinin yukarıdan kaç pixel(birim nokta) aşağıdan  
                                                       başlayacağını belirtir

<body leftmargin=”deger”> Sayfa içeriğinin soldan kaç pixel sağda başlayacağını belirtir

<body Onload=”script_adi”> Sayfa açılışında javascript çalıştırılmasını sağlar

                               

Metin Tagları

<hx></hx> Başlık stili tanımlanır , xà 1..6 arası bir değer alabilir

<h1></h1>En  büyük başlık stili

<h6></h6> En küçük başlık stili

<b></b>  Kalın yazı

<i></i> İtalik yazı

<u></u> Altı çizgili yazı

<tt></tt> Daktilo yazısı

<cite></cite> Atıf (citation) yapıldığı zaman kullanılır (italik görüntüler)

<strong></strong> Yazıyı belli olması için koyu renkte yazar

<font size="2"></font> Yazı fontu boyutu, 1 ile 7 arası bir değer alabilir

<font color="renk"></font> Yazı font rengi, isim ya da hex. değer
 

Linkler

<a href="URL"></a> Link oluşturur

<a href="mailto:emailadresi"></a> Bir mail adresine link verir

<a name="NAME"></a> Linkin açılacağı hedef yeri belirtir, _self(default),_blank, _top,  
                                       _parent değerlerini alabilir

<a href="#NAME"></a> Doküman  içinde herhangi bir yere link verir
 

Metin Biçimlendirme Tagları

<p></p> Paragraf açar

<p align="left"> Paragraf hizası belirtilir. Align left (default), right,ya da center değerlerini alabilir

<br/> Alt satır başı tagı, kapatma tagı yoktur

<blockquote></blockquote> Alıntı yapmak için kullanılır, iki taraftan metni içeri alır , bloklar.

<sub>ifade</sub> İfadeyi alt simge yapar

<sup>ifade</sup> İfadeyi üst simge yapar

<big></big> Kelimeleri fontça büyük yazar
 
<small></small> Kelimeleri fontça küçük  yazar
 
<blink></blink> Yanıp sönen yazı

<acronym></acronym>  Kısaltmalar için kullanılır . Örneğin, <ACRONYM title="World Wide Web">WWW</ACRONYM>. 
                   WWW yazısı üzerine gelince “World Wide Web“ yazısı çıkar

<ol></ol> Numaralandırılmış liste

<li></li> Liste elemanı ekler

<ul></ul> Numaralandırılmamış liste

<pre></pre> Yazılan yazı editörde olduğu gibi aynen browser’da görünür

<code></code> Örnek kod (C, ASP vs… ) verildiği zaman kullanılır

<div> Sayfa üzerinde kayan bloklar yapılmasını sağlar, çoğunlukla stil dosyalarında
             kullanılır

<hr> Yatay çizgi ekler, kapatma tagı yoktur

<hr size="3" > Çizgi  kalınlığı

<hr width="80%"> Çizgi genişliği

<hr noshade> Gölgesi olmayan yatay çizgi
 

Kayan Yazı Tagı

<marquee></marquee> Kayan yazı tanımlar

<marguee direction=”right,up,down,left”> Sağdan, yukarıdan, aşağıdan veya soldan
                                                                                           başlayarak kayması sağlanır

<marquee behavior=”alternate”> Yazılar kaydırılırken ekrandan kaybolmadan bir uçtan
                                                                     diğerine gider

<marquee bgcolor=”renk”> Kayan yazıların arka plan rengi

<marquee height=”..” width=”..”>Yazının kayacağı alanın yüksekliği ve genişliği
                                                                      ayarlanabilir

<marquee loop=”3”> Yazının kaç kez kayacağı belirlenir. Daha sonra da yazı durur

<marquee scrolldelay=”1”> Kaydırma hızını ayarlar. Hızlı kayması için küçük; yavaş için
                                                   büyük değer verilmelidir
 

Resim Tagı

<img src="name"> Resim ekler , src ile resmin bulunduğu yer ve yol belirtilir

<img src="name" align="left"> Resim hizalama: left, right, center; bottom, top, middle

<img src="name" border="1"> Resme kenarlık verilir

.jpg, .png, .gif : İnternetteki Resim formatı olarak kullanılır.
.bmp, .tiff, .eps, .psd, .cdr : Resim formatları da internette kullanılmaz


Tablolar

<table></table> Tablo oluşturma tagı

<tr></tr> Tabloya bir satır ekler

<td></td> Tablo satırının bir hücresini ekler (tablo sütunu)

<th></th> Tablo sütun başlığı

<caption></caption> Tablo alt yazısı

<thead></thead> Tablo başlığı

<tbody></tbody> Tablo gövdesi
 

Tablo Parametreleri

<table border="1"> Tablo kenarlık değeri

<table cellspacing="1"> Tablo hücrelerinin birbirine olan uzaklığını belirtir

<table cellpadding="1"> Hücre içeriklerinin tablo kenarlıklarına olan uzaklığı belirler

<table width="500" or "80%"> Tablonun genişliği, pixel ya da yüzde olarak bir değer
                                                          verilir

<tr align="left"> Hücreler için hizalama (left, center, right)

<tr valign="top"> Hücreler için dikey hizalama (top, middle, bottom)

<td colspan="2"> Belirtilen sayıdaki sütunu birleştirir (default=1)

<td rowspan="2"> Belirtilen sayıdaki satırı birleştirir (default=1)

<td nowrap> Hücreye yazılan verilerin kırılmasını önler
 

Çerçeveler(Frames)

<frameset></frameset> Çerçeve oluşturma tagı, </head>.. <body> tagları arasına yazılır

<frameset rows="deger,deger"> Yatay olarak iki çerçeve açar, deger pixel, yüzde ya da *  
                                                                   olarak belirtilebilir

<frameset cols=" deger,deger"> Dikey olarak iki çerçeve açar, deger pixel, yüzde ya da
                                                                     * olarak belirtilebilir

<frameset frameborder="yes"> Çerçeveler arası sınır çizginin görünüp görüntülenmeyeceğini
                                                  belirtir (yes, no)

<frameset border="sayi"> Sınır çizginin kalınlığını belirler

<noframes></noframes> Frame’ı desteklemeyen browserlar tarafından bu kısmın
                                                önemsenmemesini sağlar
 

Çerçeve Parametreleri

<frame src="URL"> Çerçevede görüntülenecek hedef sayfayı belirtir

<frame name="isim"> Çerçeveye bir isim verilir

<frame marginwidth="deger"> Çerçeve içeriğinin sol ve sağ kısımlarındaki boşluk
                                                              değerlerini tanımlar

<frame marginheight="deger"> Çerçeve içeriğinin üst ve alt kısımlarındaki boşluk
                                                               değerlerini tanımlar

<frame scrolling="deger"> Kaydırma çubuklarının durumunu belirler , (yes , no, auto)

<frame noresize="noresize"> Çerçeve boyutlarının sabit olmasını sağlar
 

Formlar

<form></form> Bütün form elemanlarını kapsayacak form oluşturur

<input type="checkbox" name="name"> Onay kutusu ekler, ardından metin yazılır

<input type="radio" name="name" value="x"> Radio buton ekler, ardından metin yazılır

<input type=text name=" textfield" size=20> Tek satırlık metin alanı ekler, karakter genişliği size parametresi ile belirtilir

<textarea name="name" cols=50 rows=5></textarea name> Çok satırlı metin alanı ekler, kaç satır ve sütun olacağı cols – rows değerleri ile belirtilir

<input type="image" border=0 name="name" src="resim.gif"> Resim butonu ekler

<select name="name"></select> Combobox(Aşağı açılan menü) ekler

<option> Combobox’a öğe ekler

<input type="submit" value="name"> Onay(Gönder) butonu ekler

<input type="reset"> Reset(Sil) butonu