Web Tasarımındaki Komutlar..

pcworld

Katılımcı Üye
9 Mar 2007
324
6
Accesskey = “Karakter” : Form denetimlerinde ve <a> etiketlerinde, doküman öğesine erişim için kullanılabilecek tek karakter.

Align = ”metin” : Bir dokümanın bir kısmındaki bilginin hizalanması.

Alt = “metin” : Resimleri, formları, nesneleri ve dökümanın diğer kısımlarını tanımlayan alternatif metin.

Char = “karakter” : Bir tablonun içeriği hizalanırken, bir hizalama ekseni olarak davranan karakter.

Charoff = “sayı” : Tablo içeriği hizalanırken, eksen karakterinden itibaren bırakılacak boşluk sayısı.

Class = “metin” : Doküman öğesine atanmak üzere birbirinden boşluklarla ayrılmış bir veya daha fazla sınıf ismi.

Dir = “metin” : Metin ve tabloların doğrultusu : ltr (left to right) veya rtl (right to left).

Disabled : Bir form üzerindeki denetimi kullanıcı girdisini idare edemeyeceği şekilde iptal eden bir nitelik.

Id = “metin” : Doküman öğesine verilecek isim.

Lang = ”metin” : Bir doküman öğesinin niteliklerinde ve içerdiği metinde kullanılan dil.

Name = “metin” : Doküman öğesi için bir isim.

OnBlur = “script” : Bir doküman öğesi kullanıcı girişi odağını yitirdiğinde olan bir olay.

OnChange = ”script” : Bir doküman öğesi kullanıcı girişi odağını yitirdiğinde ve değeri odaktayken değiştirilen bir doküman öğesi.

OnClick = “script” : Kullanıcı doküman öğesine fare ile tıklandığında olan bir olay.

Ondblclick = “script” : Kullanıcı doküman öğesine fare ile çift tıklandığında olan bir olay.

OnFocus = ”script” : Bir doküman öğesi kullanıcı girişi odağını aldığında olan bir olay.

Onkeydown = ”script” : Bir tuşa basıldığında olan bir olay.

Onkeypress = ” script” : Bir tuşa basılıp bırakıldığında olan bir olay.

Onkeyup = “script” : Bir tuş bırakıldığında olan bir olay.

OnLoad = “script” : Tüm doküman veya bir framesetteki tüm çerçeveler yüklendiğinde olan bir olay.

OnMouseDown = “script” : Fare doküman öğesi üzerindeyken fare tıklandığında olan bir olay.

OnMouseOut = “script” : Fare bir doküman öğesi üzerindeyken o öğeden uzaklaşırken olan bir olay.

OmMouseOver = “script” : Fare imleci bir doküman öğesi üzerine getirildiğinde olan bir olay.

OnMouseMove = “script” : Fare imleci bir doküman öğesi üzerindeyken hareket ettirildiğinde olan bir olay.

OnMouseUp = “script” : İmleç bir dökümanın üzerindeyken kullanıcı fare tuşunu bıraktığında olan bir olay.

OnSelect = ”script” : Bir metin işleme kullanıcı kontrolü seçildiğinde olan bir olay.

Onunload = “script” : Bir doküman pencere veya çerçeveden atıldığında olan bir olay.

Readonly : Bir form kontrolündeki bir değerin değiştirilemeyeceğini belirten bir nitelik.

Style = “metin” : Bu bağımsız doküman öğesi için stil bilgisi.

Tabindex = “sayı” : Doküman öğesinin sekme sırasındaki konumu.

Target = ”metin” : Bir dökümanın içinde açılması gereken çerçevenin adı.

Title = “metin” : Bir doküman öğesi hakkında açıklayıcı metin.

Usemap = “URl” : Bir imagemapin doküman öğesi ile ilişkilendirilecek URl’si.

Valign = “metin” : Tablo hücreleri içindeki bilginin dikey hizalanması.







ETİKETLER


<!DOCTYPE...>

Bu etiket bir dökümanın ilk satırı olarak görünür ve kullanılan HTML versiyonunu belirtir. Başlangıç etiketi gereklidir; bitiş etiketi kullanılmaz. Aşağıdaki örnekteki gibi kullanılır :

<!DOCTYPE HTML PUBLIC”-//W3C//DTD HTML 4.0//EN”
“http:://www.w3.org/TR/REC-html40/strict.dtd”>

Yukarıdaki gibi strict <!DOCTYPE> kullanıldığında doküman eski hiçbir şeyi ve çerçeveleri kullanmaz. Loose <!DOCTYPE> kullanıldığında doküman dilin görsel öğeleriyle ilgili bazı öğelerini kullanır. Frameset <!DOCTYPE> kullanıldığında ise bir önceki düzeydekiyle aynı eski öğeleri kullanır ve ayrıca çerçeveler içerir.


<A>...</A>

Bu etiket bir yer imini gösterir. Bu, WWW’de başka bir kaynakla ilişkili doküman parçasıdır. Bu aynı dökümanın iki kısmı arasında bağlantı yaratmak için de kullanılabilir. Başlangıç ve bitiş etiketi gereklidir.

Özellikleri :
Coords = ”metin” : Bir imagemap alnının yer imiyle ilişkili geometrik şeklin koordinatları.
Name = “metin” : Yer iminin ismi.
Href = “URl” : Yer iminin ilişkilendirilmesi gereken Web üzerinde bir kaynak.
Shape = “metin” : Yer imiyle ilişkili imagemap alanının geometrik şekli.



Diğer özellikleri; acceskey, class, dir, id, lang, onblur, onclick, ondblclick, onfocus, onkeydown, onkeypress, onkeyup, onmousedown, onmousemove, onmouseout, onmouseover, onmouseup, style, tabindex, target, title.


<ABBR> ... </ABBR>

Bu etiketin içinde kısaltma olan bir metin yer alır. Başlangıç ve bitiş etiketi gereklidir.

Özellikleri : class, dir, id, lang, onclick, ondblclick, onkeydown, onkeypress, onkeyup, onmousedown, onmousemove, onmouseout, onmouseover, onmouseup, style, title.


<ACRONYM> ... </ACRONYM>

Bu etiketin içinde sözcüklerin baş harflerinden oluşan bir kısaltma yer alır. Başlangıç ve bitiş etiketi gereklidir.

Özellikleri : class, dir, id, lang, onclick, ondblclick, onkeydown, onkeypress, onkeyup, onmousedown, onmousemove, onmouseout, onmouseover, onmouseup, style, title.


<ADDRESS> ... </ADDRESS>

Bu etiket tüm dökümanın veya dökümanın bir kısmının yazarının irtibat bilgilerini içerir. Web tarayıcılarının çoğu bu etiket içindeki bilgileri faklı bir tarzda gösterir. Başlangıç ve bitiş etiketi gereklidir.

Özellikleri : class, dir, id, lang, onclick, ondblclick, onkeydown, onkeypress, onkeyup, onmousedown, onmousemove, onmouseout, onmouseover, onmouseup.




<APPLET>

Web sayfasına bir java applet elemanı eklemek için kullanılır. Günümüzde bunun yerine <OBJECT> tagı kullanılmaktadır.


<AREA>

Bir imagemap üzerinde bir bağla ilişkilendirilmesi gereken alanı belirler. Başlangıç etiketi gereklidir. Bitiş etiketi kullanılmaz.

Özellikleri :
Href = “URl” : Imagemap’in ilişkilendirilmesi gereken bir URl.
Shape = “metin” : Imagemap alanının geometrik şekli.
Coords = “metin” : Geometrik şeklin koordinatları.
Nohref : Alanın kendisiyle ilişkili bir bağlantıya sahip olmadığını belirtir.

Diğer özellikleri; acceskey, alt, class, dir, id, lang, name, onblur, onclick, ondblclick, onfocus, onkeydown, onkeypress, onkeyup, onmousedown, onmousemove, onmouseout, onmouseover, onmouseup, style, tabindex, target, title.


<B>...</B>

Bu etiket koyu gösterilmesi gereken metni içerir. Başlangıç ve bitiş etiketi gereklidir.

Özellikleri; class, dir, id, lang, onclick, ondblclick, onfocus, onkeydown, onkeypress, onkeyup, onmousedown, onmousemove, onmouseout, onmouseover, onmouseup, style, title.






<BASE>

Bu etiket dökümanın temel URl’sini açık olarak tanımlamakta kullanılır. Başlangıç etiketi gereklidir. Bitiş etiketi kullanılmaz.

Özellikleri :
Href= “URl” : dökümanın temel URl’si.

Target


<BIG> ... </BIG>

Bu etiket, normal yazı tipine göre daha büyük gösterilmesi gereken metni içerir. Başlangıç ve bitiş etiketi gereklidir.

Özellikleri; class, dir, id, lang, onclick, ondblclick, onfocus, onkeydown, onkeypress, onkeyup, onmousedown, onmousemove, onmouseout, onmouseover, onmouseup, style, title.

<BLINK>...</BLINK>

Bu etiket, ekranda yanıp sönen yazılar göstermek için kullanılır. Başlangıç ve bitiş etiketi gereklidir.

<BLOCKQUOTE> ... </BLOCKQUOTE>

Bu etiket, doküman görüntülenirken kendi paragrafında görülmesi gereken bir alıntı metin bloğunu içerir. Kısa alıntılar <Q> etiketi içinde de kullanılabilir. Başlangıç ve bitiş etiketi gereklidir.

Bir alıntı söz konusu olmasa da, bir metin bloğuna girinti vermek için kullanılabilir.

Özellikleri :
Cite = “URl” : Alıntının kaynağı hakkında bilgi içeren bir doküman adresi.


Diğer özellikleri;class, dir, id, lang, onclick, ondblclick, onfocus, onkeydown, onkeypress, onkeyup, onmousedown, onmousemove, onmouseout, onmouseover, onmouseup, style, title.


<BODY>...</BODY>

Bu etiket, doküman bir web tarayıcısı tarafından yüklendiğinde görünmesi gereken doküman içeriğini içerir. Başlangıç ve bitiş etiketlerinin kullanımı seçime bağlıdır.

Özellikleri; class, dir, id, lang, onclick, ondblclick, onfocus, onkeydown, onkeypress, onkeyup, onmousedown, onmousemove, onmouseout, onmouseover, onmouseup, style, title, onload, onunload.


<BR>

Dökümana boş bir satır ekler. Başlangıç etiketi gereklidir. Bitiş etiketi kullanılmaz.

Özellikleri : class, id, style, title.


<BUTTON>...</BUTTON>

Bu etiket forma bir düğme kontrolü ekler. Başlangıç ve bitiş etiketi gereklidir.

Özellikleri :
Name = “metin” : Düğmenin adı.
Value = “metin” : Düğmenin ilk değeri.
Type = “metin” : Forma eklenecek düğmenin tipi.


Diğer özellikleri; acceskey, class, dir, id, lang, onblur, onclick, ondblclick, onfocus, onkeydown, onkeypress, onkeyup, onmousedown, onmousemove, onmouseout, onmouseover, onmouseup, style, tabindex, title.

<CAPTION>...</CAPTION>

Bu etiket bir tablonun kısa bir tanımını içerir. Bu etiketler arasına yazılan metin browserda tablonun üst kısmında gösterilir. Başlangıç ve bitiş etiketleri gereklidir.

Özellikleri; align, class, dir, id, lang, onclick, ondblclick, onkeydown, onkeypress, onkeyup, onmousedown, onmousemove, onmouseout, onmouseover, onmouseup, style, title, onload, onunload.


<CENTER>...</CENTER>

Bu tag arasına yerleştirilen obje veya metnin ortalanması sağlanır.


<COL>

Bu etiket, bir tablonun yapılandırılması için bir sütununu içerir. Başlangıç etiketi gereklidir. Bitiş etiketine izin verilmez.

Özellikleri :
Span = “sayı” : Sütun grubundaki sütun sayısı.
Width = “sayı” : Sütun grubundaki satırların varsayılan genişliği.

Diğer özellikleri; align, char, charoff, class, dir, id, lang, onclick, ondblclick, onfocus, onkeydown, onkeypress, onkeyup, onmousedown, onmousemove, onmouseout, onmouseover, onmouseup, style, title, valign.



<DEL>...</DEL>

Bu etiket dökümanın eski düzenlemelerinden sonra silinen bir kısmını içerir. Bu etiket içindeki metin genellikle üstü çizili karakterlerle gösterilir. Başlangıç ve bitiş etiketi gereklidir.

Özellikleri; class, dir, id, lang, onclick, ondblclick, onkeydown, onkeypress, onkeyup, onmousedown, onmousemove, onmouseout, onmouseover, onmouseup, style, tabindex, title.


<DFN>...</DFN>

Bu etiket, bir tanım ya da tanımlanan bir şey olan metni içerir. Başlangıç ve bitiş etiketi gereklidir.

Özellikleri; class, dir, id, lang, onclick, ondblclick, onfocus, onkeydown, onkeypress, onkeyup, onmousedown, onmousemove, onmouseout, onmouseover, onmouseup, style, title.


<DIV> ... </DIV>

Bu etiket bir doküman parçasını kendi bloğunda içerir. İçeriği organize etmek için bir iç metod olarak kullanılır. Başlangıç ve bitiş etiketi gereklidir.

Özellikleri : class, dir, id, lang, onclick, ondblclick, onfocus, onkeydown, onkeypress, onkeyup, onmousedown, onmousemove, onmouseout, onmouseover, onmouseup, style, title.


<EM> ... </EM>

Bu etiket özel vurgu gerektiren metni içerir. Web sunucularının çoğu bu metni italik gösterir. Daha güçlü vurgu için <strong> etiketi kullanılır. Başlangıç ve bitiş etiketi gereklidir.

Özellikleri : class, dir, id, lang, onclick, ondblclick, onfocus, onkeydown, onkeypress, onkeyup, onmousedown, onmousemove, onmouseout, onmouseover, onmouseup, style, title.


<FONT>...</FONT>

Yazının yazı tipini, büyüklüğünü, rengini vs. belirtir.


<FORM>...</FORM>

Bu etiket, dökümanı izleyen kişinin bilgi girdiği bir grup bilgi giriş kontrolünü içerir. Başlangıç ve bitiş etiketi gereklidir.

Özellikleri :
Action = “URl” : Formun sonuçlarını alacak ve işleyecek URl.
Method = “metin” : form sonuçlarının iletilmesinde kullanılacak metod.

Diğer özellikleri; class, dir, id, lang, onclick, ondblclick, onfocus, onkeydown, onkeypress, onkeyup, onmousedown, onmousemove, onmouseout, onmouseover, onmouseup, style, target, title.



<FRAME> ... </FRAME>

Bu etiket, bir çerçeveyi içerir ve görünüşünü ayarlar.

Özellikleri :
Name = “metin” : Çerçevenin ismi.
Src = “URl” : Çerçevenin içeriğini içeren bir dökümanın URl’si.
Noresize : Çerçevenin boyutunun değiştirilemeyeceğini belirten bir özellik.
Scrolling = “metin” : Çerçevede kaydırmanın nasıl gerçekleşeceğini belirtir.
Frameborder = “sayı” : Çerçevenin etrafındaki çerçeve kalınlığı.
Marginwidth = “sayı” : Çerçevenin içeriği ile sol ve sağ kenarları arasındaki boşluk.
Marginheight = “sayı” : Çerçevenin içeriği ile üst ve alt kenarları arasındaki boşluk.

Diğer özellikleri; class, id, style, target, title.



<FRAMESET> ... </FRAMESET>

Bir dökümandaki çerçevelerin düzeni için gerekli olan bilgiyi içerir. Başlangıç ve bitiş etiketi gereklidir.

Özellikler :
Rows = “liste” : Framesetteki her dikey çerçevenin yüksekliği, değerleri virgülle ayrılır.
Cols = “liste” : Framesetteki her yatay çerçevenin yüksekliği, değerleri virgülle ayrılır.

Diğer özellileri; class, id, onload, onunload, style, title.


<HEAD>...</HEAD>

Bu etiket, bir dökümanı tanımlayan başlık bilgisini içerir. Bu etiketin içindeki bilgi, sayfa bir tarayıcı tarafından izlenirken gösterilmez. Başlangıç ve bitiş etiketi seçime bağlıdır.

Özellikleri : lang, dir.






<H1> ... </H1>, <H2> ... </H2>, <H3> ... </H3>, <H4> ... </H4>, <H5>...</H5> ve <H6>...</H6>

Bu etiketlerin her biri doküman üzerinde gösterilen bir başlığı içerir. <H1> en baskın olan başlığı içerirken <H6> an az baskın olan başlığı içerir. Başlangıç ve bitiş etiketi gereklidir.

Özellikleri : class, dir, id, lang, onclick, ondblclick, onfocus, onkeydown, onkeypress, onkeyup, onmousedown, onmousemove, onmouseout, onmouseover, onmouseup, style, target, title.


<HR>

Bu etiket yatay bir çizgiyi dökümanın bir parçası olarak gösterir. Başlangıç etiketi gereklidir. Bitiş etiketi kullanılmaz.

Özellikleri : class, dir, id, lang, onclick, ondblclick, onfocus, onkeydown, onkeypress, onkeyup, onmousedown, onmousemove, onmouseout, onmouseover, onmouseup, style, target, title.


<HTML>...</HTML>

Bu etiket bir HTML dökümanını tamamen içerir. Başlangıç ve bitiş etiketi seçime bağlıdır.

Özellikleri : lang,dir.





<I>...</I>

Bu etiket italik görünmesi istenen metni içerir. Başlangıç ve bitiş etiketi gereklidir.

Özellikleri; class, dir, id, lang, onclick, ondblclick, onfocus, onkeydown, onkeypress, onkeyup, onmousedown, onmousemove, onmouseout, onmouseover, onmouseup, style, title.


<IFRAME>...</IFRAME>

Bu etiket, bir dökümana resimler ve diğer nesnelerle aynı şekilde eklenen bir çerçeveyi içerir. Başlangıç ve bitiş etiketi gereklidir.

Özellikleri :
Frameborder = “sayı” : Çerçeve etrafında bir çerçeve olacaksa kalınlığı. Eğer çerçeve olmaması isteniyorsa sayıya “0” değeri verilir.
Marginheight = “sayı” : Çerçevenin içeriği ile üst ve alt kenarları arasındaki boşluk.
Marginwidth = ” sayı” : Çerçevenin içeriği ile sol ve sağ kenarları arasındaki boşluk
Name = “metin” : Çerçevenin adı.
Scrolling = “metin” : Çerçevede kaydırmanın nasıl yapılacağı.
Src = “URl” : Çerçevenin içeriğini kapsayan bir dökümanın URl’si.
Width = “sayı” : Çerçevenin genişliği.
Height = “sayı” : Çerçevenin yüksekliği.

Diğer özellikleri ; align, class, id, name, style, target, title.

<IMG>

Bu etiket dökümanın bir parçası olarak gösterilen bir resim dosyasını içerir. Başlangıç etiketi gereklidir. Bitiş etiketi kullanılmaz.


Özellikleri :
Height = “sayı” : resmin yüksekliği.
Hspace = “sayı” : Bir dökümanda resim ile sol ve sağındaki yazılar arasında bırakılacak beyaz alanın miktarı.
İsmap : resmin sunucu tarafında imagemap olduğunu gösteren bir özellik.
Src = “URl” : Resim dosyasının URl’si.
Width = “sayı” : Resmin genişliği.

Diğer özellikleri : alt, class, dir, id, ismap, lang, onclick, ondblclick, onfocus, onkeydown, onkeypress, onkeyup, onmousedown, onmousemove, onmouseout, onmouseover, onmouseup, style, title, usemap.


<INPUT> ... </INPUT>

Bu etiket, formun parçası olan bir kontrolü içerir. Başlangıç etiketi gereklidir. Bitiş etiketine izin verilmez.

Özellikleri :
Accept : Birbirinden virgülle ayrılmış içerik tipi listesi.
Name = “metin” : Kontrolün ismi.
Type = “metin” : Forma dahil edilecek kontrolün tipi.
Value = “metin” : Kontrolün ilk değeri.
Size = “sayı” : Kontrolün girdi alanının boyu.
Maxlength = “sayı” : Bir kontrolün metin girdisi alanına girilebilecek maksimum karakter sayısı.
Checked : Bu özellik, form ilk kez gösterilirken bir radyo düğmesi veya onay kutusu kontrolünün seçili halde gösterileceğini belirtir.
Src = “URl” : Submit düğmesi olarak gösterilecek bir nesnenin URl’si.

Diğer özellikleri; acceskey, align, alt, class, dir, disabled, id, lang, onblur, onclick, onchange, ondblclick, onfocus, onkeydown, onkeypress, onkeyup, onmousedown, onmousemove, onmouseout, onmouseover, onmouseup, style, tabindex, title, onselect, readonly, usemap.

<INS> ... </INS>

Bu etiket dökümanın önceki düzenlenmesinden sonra eklenen bir doküman kısmını içerir. Başlangıç ve bitiş etiketi gereklidir.

Özellikleri :
Datetime = “date_and_time” : Eklemenin yapıldığı tarih ve saat.

Diğer özellikleri; class, dir, id, lang, onclick, ondblclick, onkeydown, onkeypress, onkeyup, onmousedown, onmousemove, onmouseout, onmouseover, onmouseup, style, title.


<FIELDSET> ... </FIELDSET>

Bu etiket, bir form üzerinde bir grup ilgili kontrolü içerir. Başlangıç ve bitiş etiketi gereklidir.

Özellikleri; align, acceskey, class, dir, id, lang, onclick, ondblclick, onkeydown, onkeypress, onkeyup, onmousedown, onmousemove, onmouseout, onmouseover, onmouseup, style, title.



<LABEL> ... </LABEL>

Bu etiket, etikete sahip olmayan form kontrollerine bir etiket sağlamakta kullanılır. Başlangıç ve bitiş etiketi gereklidir.

Özellikleri :
For = “metin” : Bu etiketin ilişkili olduğu kontrolün ID ismi.

Diğer özellikleri; accesskey, class, dir, id, lang, onclick, ondblclick, onkeydown, onkeypress, onkeyup, onmousedown, onmousemove, onmouseout, onmouseover, onmouseup, style, title.


<LEGEND> ... </LEGEND>

Bu etiket, birbiriyle <FIELDSET> etiketi kullanılarak ilişkilendirilmiş bir grup kontrol için bir başlık sağlar. Başlangıç ve bitiş etiketi gereklidir.

Özellikleri; align, acceskey, class, dir, id, lang, onclick, ondblclick, onkeydown, onkeypress, onkeyup, onmousedown, onmousemove, onmouseout, onmouseover, onmouseup, style, title.


<LI> ... </LI>

Bu etiket bağımsız olarak numaralanacak bir öğe listesini içerir. Listedeki her öğe, <LI> etiketi ile tanımlanır. Numaralama olmadan listeyi göstermek için ise <UL> etiketi kullanılır. Başlangıç etiketi gereklidir. Bitiş etiketi ise seçime bağlıdır.

Özellikleri : class, dir, id, lang, onclick, ondblclick, onkeydown, onkeypress, onkeyup, onmousedown, onmousemove, onmouseout, onmouseover, onmouseup, style, title.


<MAP> ... </MAP>

Bu etiket, bir nesnenin alanlarını bağlarla ilişkilendiren istemci tarafındaki bir imagemapi içerir. Başlangıç ve bitiş etiketi gereklidir.

Özellikleri :
Name = “metin” : İmagemapin ismi.

Diğer özellikleri; class, dir, id, lang, onclick, ondblclick, onkeydown, onkeypress, onkeyup, onmousedown, onmousemove, onmouseout, onmouseover, onmouseup, style, title.



<NOFRAMES> ... </NOFRAMES>

Bu etiket, aynı dökümanda çerçevelere bir alternatif içerir. Çerçeveleri desteklemeyen tarayıcılar, bu içeriği gösterir. Bu etiketi bir <FRAMESET> etiketi ile birlikte kullanmak gerekir. Başlangıç ve bitiş etiketi gereklidir.

Özellikleri; class, dir, id, lang, onclick, ondblclick, onkeydown, onkeypress, onkeyup, onmousedown, onmousemove, onmouseout, onmouseover, onmouseup, style, tabindex, title.


<NOSCRIPT> ... </NOSCRIPT>

Bu etiket, bir script çalıştırılamadığında gösterilecek bilgiyi içerir. Başlangıç ve bitiş etiketi gereklidir.

Özellikleri; class, dir, id, lang, onclick, ondblclick, onkeydown, onkeypress, onkeyup, onmousedown, onmousemove, onmouseout, onmouseover, onmouseup, style, tabindex, title.


<OBJECT>...</OBJECT>

Bu etiket, dökümanın bir parçası olarak sunulan bir nesneyi içerir. Nesneler, dosyalar, etkileşimli programlar veya bir HTML sayfası olabilir. Başlangıç ve bitiş etiketi gereklidir.

Özellikleri :
Height = “sayı” : Nesnenin yüksekliği.
Hspace = “sayı” : Bir dökümandaki nesneler ve sağındaki solundaki diğer bilgiler arasında bırakılacak boşluk miktarı.
Width = “sayı” : Nesnenin genişliği.
Vspace = “sayı” : Bir dökümanda nesneler ile altındaki ve üstündeki bilgiler arasında bırakılacak boşluk miktarı.

Diğer özellikleri; class, dir, id, lang, onclick, ondblclick, onkeydown, onkeypress, onkeyup, onmousedown, onmousemove, onmouseout, onmouseover, onmouseup, style, tabindex, title, usemap.


<OL>...</OL>

Bu etiket tek tek numaralandırılacak bir öğe listesini içerir. Listedeki her öğe <LI> tagı ile tanımlanır. Bir listenin numaralama olmadan gösterilebilmesi için <UL> etiketi kullanılır. Başlangıç etiketi ve bitiş etiketi gereklidir.

Özellikleri; class, dir, id, lang, onclick, ondblclick, onkeydown, onkeypress, onkeyup, onmousedown, onmousemove, onmouseout, onmouseover, onmouseup, style, title.


<OPTION>...</OPTION>

Bu etiket bir formdaki bir menü kontrolüne bir seçenek ekler. Başlangıç etiketi gereklidir. Bitiş etiketi seçime bağlıdır.

Özellikleri :
Selected : Bu özellik menü ilk kez gösterilirken bu seçeneğin seçili olması gerektiğini belirtir.
Value = “metin” : Seçeneğin ilk değeri.
Label = “metin” : Seçenek için alternatif olarak kullanılabilecek daha kısa bir etiket.

Diğer özellikleri; class, dir, disabled, id, lang, onclick, ondblclick, onkeydown, onkeypress, onkeyup, onmousedown, onmousemove, onmouseout, onmouseover, onmouseup, style, title.



<OPTGROUP>...</OPTGROUP>

Bu etiket bir formda bir menü seçeneği grubunu içerir. Başlangıç ve bitiş etiketi gereklidir.

Özellikleri :
Label = “metin” : Seçenek grubunun etiketi.

Diğer özellikleri; class, dir, disabled, id, lang, onclick, ondblclick, onkeydown, onkeypress, onkeyup, onmousedown, onmousemove, onmouseout, onmouseover, onmouseup, style, title.


<P>...</P>

Bu etiket bir metin paragrafını içerir. Başlangıç etiketi gereklidir. Bitiş etiketi seçime bağlıdır.

Özellikleri :align, class, dir, id, lang, onclick, ondblclick, onkeydown, onkeypress, onkeyup, onmousedown, onmousemove, onmouseout, onmouseover, onmouseup, style, title.


<PARAM>

Bu etiket bir parametreyi belirler. Bu parametre, dökümanın bir parçası olarak sunulmadan önce, bir nesneye sağlanacak bir değerdir. Birden fazla parametre kullanılabilir. Başlangıç etiketi gereklidir. Bitiş etiketi kullanılmaz.


Özellikleri :
Name = “metin” : Parametrenin ismi.
Value = “metin” : Parametrenin değeri, bu bir metin katarı, bir nesne veya bir ya da daha fazla değerin depolandığı bir kaynağın URl’si olabilir.
Valuetype = “metin” : Parametrenin değeri olarak depolanan bilginin değeri.

Diğer özellikleri; id.


<PRE>...</PRE>

Bu etiket, diğer HTML metinleriyle aynı şekilde biçimlendirilmemesi gereken metni içerir. Web tarayıcılarının çoğu bu metni, tüm boşluklarını aynen koruyarak, sabit aralıklı bir yazı tipi ile gösterir. HTML, normalde tekrarlanan boşluk karakterlerini dikkate almaz. Satır sonundaki kelimeler alt satıra atılmayabilir. Bu yüzden metin tarayıcı penceresinin sağ tarafından ileriye doğru devam edebilir. Başlangıç ve bitiş etiketi gereklidir.

Özellikleri : class, dir, id, lang, onclick, ondblclick, onkeydown, onkeypress, onkeyup, onmousedown, onmousemove, onmouseout, onmouseover, onmouseup, style, title.


<Q>...</Q>

Bu etiket doküman izlenirken çevresinde tırnak işaretleriyle gösterilecek kısa bir metni içerir. <blockquote> etiketinden farklı olarak bu etiket gösterilecek metni diğerlerinden farklı bir paragrafa ayırmaz. Başlangıç ve bitiş etiketi gereklidir.

Özellikleri : class, dir, id, lang, onclick, ondblclick, onkeydown, onkeypress, onkeyup, onmousedown, onmousemove, onmouseout, onmouseover, onmouseup, style, title.


<SAMP>...</SAMP>

Bu etiket bir program, bir script veya benzer bir prosesin çıktısındaki metni ekranda göstermek için kullanılır. Başlangıç ve bitiş etiketi gereklidir.

Özellikleri; class, dir, id, lang, onclick, ondblclick, onkeydown, onkeypress, onkeyup, onmousedown, onmousemove, onmouseout, onmouseover, onmouseup, style, title.


**********...</SCRIPT>

Bu etiket, bir doküman içine çalıştırılabilir bir scripti ekler. Başlangıç ve bitiş etiketi gereklidir.

Özellikleri :
Src = “URl” : Scripti içeren bir dökümanın URl’si.
Type = “metin” : Kullanılan script dili.

Diğer özellikleri; language, charset.


<SELECT>...</SELECT>

Bu etiket, bir forma bir menü kontrolü ekler. Başlangıç ve bitiş etiketi gereklidir.

Özellikleri :
Name = “metin” : Düğmenin ismi.
Size = “sayı” : Bu menüde gösterilecek eleman sayısı. Alta açılan bir liste halinde sunulur.
Multiple : Bu özellik menüden birden fazla seçeneğin seçileceğini belirler.


Diğer özellikleri; class, disabled, dir, id, lang, onclick, ondblclick, onkeydown, onkeypress, onkeyup, onmousedown, onmousemove, onmouseout, onmouseover, onmouseup, style, tabindex, title.




<SMALL>...</SMALL>

Bu etiket, normalden daha küçük bir yazı tipiyle gösterilmesi gereken metni içerir. Başlangıç ve bitiş etiketi gereklidir.

Özellikleri; class, dir, id, lang, onclick, ondblclick, onkeydown, onkeypress, onkeyup, onmousedown, onmousemove, onmouseout, onmouseover, onmouseup, style, title.


<SPAN>...</SPAN>

Bu etiket, bir dökümanın bir kısmını kendi bloğu içine alır. <DIV> gibi içeriği içeride organize etmekte kullanılır.

Özellikleri; align, class, dir, id, lang, onclick, ondblclick, onkeydown, onkeypress, onkeyup, onmousedown, onmousemove, onmouseout, onmouseover, onmouseup, style, title.


<STRONG>...</STRONG>

Bu etiket, güçlü vurgu gerektiren metni içerir. Web tarayıcılarının çoğu bu metni koyu gösterir. Bunun yerine <EM> etiketi kullanılarak metnin üzerinde daha az vurgu sağlanabilir. Başlangıç ve bitiş etiketi gereklidir.

Özellikleri; class, dir, id, lang, onclick, ondblclick, onkeydown, onkeypress, onkeyup, onmousedown, onmousemove, onmouseout, onmouseover, onmouseup, style, title.


<STYLE>...</STYLE>

Bu etiket, bir doküman başlığında style sheet kurallarını belirler. Başlangıç ve bitiş etiketi gereklidir.

Özellikleri : type, media, dir, lang, title.


<SUB>...</SUB>

Bu etiketin içerdiği metin alt simge olarak gösterilir. Başlangıç ve bitiş etiketi gereklidir.

Özellikleri; class, dir, id, lang, onclick, ondblclick, onkeydown, onkeypress, onkeyup, onmousedown, onmousemove, onmouseout, onmouseover, onmouseup, style, title.


<SUP>...</SUP>

Bu etiketin içerdiği metin üst simge olarak görüntülenir. Başlangıç ve bitiş etiketi gereklidir.

Özellikleri; class, dir, id, lang, onclick, ondblclick, onkeydown, onkeypress, onkeyup, onmousedown, onmousemove, onmouseout, onmouseover, onmouseup, style, title.


<TABLE>...</TABLE>

Bu etiket, hücre, satır ve sütunları içeren bir tablo halinde düzenlenecek bilgiyi içerir. Başlangıç ve bitiş etiketi gereklidir.

Özellikleri :
Border = “sayı” : Tablo etrafındaki çerçevenin kalınlığı. Eğer tablo etrafında çerçeve görünmesi istenmiyorsa bu değere “0“verilir.
CellPadding = “sayı” : Bir tablo hücresinin içeriği ile çerçevesi arasında bırakılacak boşluk miktarı.
Cellspacing = “sayı” : Tablodaki hücrelerin arasında bırakılacak boşluk miktarı.
Frame = “metin” : Tabloyu çevreleyen çerçevenin (varsa) kenarları.
Width = “sayı” : Tablonun istenen genişliği.

Diğer özellikleri; class, dir, frame, id, lang, onclick, ondblclick, onkeydown, onkeypress, onkeyup, onmousedown, onmousemove, onmouseout, onmouseover, onmouseup, style, title.


<TD>...</TD>

Bu etiket, bir tabloda başlık bilgisi içermeyen bir hücreyi kapsar. Başlangıç etiketi gereklidir. Bitiş etiketi ise seçime bağlıdır.

Özellikleri :
Rowspan = “sayı” : Hücrenin kapladığı satır sayısı.
Colspan = “sayı” : Hücrenin kapladığı sütun sayısı.

Diğer özellikleri; align, char, charoff, class, dir, id, lang, onclick, ondblclick, onkeydown, onkeypress, onkeyup, onmousedown, onmousemove, onmouseout, onmouseover, onmouseup, style, title, bgcolor, height, width, valign.


<TEXTAREA>...</TEXTAREA>

Bu etiket, bir forma bir metin girdisi kontrolü ekler. Başlangıç ve bitiş etiketi gerekli.

Özellikler :
Name = “metin” : Kontrolün ismi.
Rows = “sayı” : Metin alanındaki satır sayısı.
Cols = “sayı” : Metin alanındaki sütun sayısı.

Diğer özellikleri; class, dir, disabled, id, lang, onblur, onchange, onclick, ondblclick, onfocus, onkeydown, onkeypress, onkeyup, onmousedown, onmousemove, onmouseout, onmouseover, onmouseup, style, tabindex, title, onselect, readonly,


<TH> ... </TH>

Bu etiket, bir tabloda başlık bilgisi içeren bir hücreyi içerir. Başlangıç etiketi gereklidir. Bitiş etiketi seçime bağlıdır.

Özellikleri :
Rowspan : Hücre tarafından kaplanacak satır sayısı.
Colspan : Hücre tarafından kaplanacak sütun sayısı.

Diğer Özellikleri; align, char, charoff, class, dir, id, lang, onclick, ondblclick, onkeydown, onkeypress, onkeyup, onmousedown, onmousemove, onmouseout, onmouseover, onmouseup, style, tabindex, title, valign, bgcolor, width, height.


<TITLE>...</TITLE>

Bu etiket dökümanın başlığını içerir. Bu etiketle belirtilen metin web browser penceresinin başlık çubuğunda görüntülenir. Başlangıç etiketi ve bitiş etiketi gereklidir.

Özellikleri : lang, dir.


<TR>...</TR>

Bu etiket bir tablodaki bir hücre satırını içerir. Başlangıç etiketi gereklidir. Bitiş etiketi ise seçime bağlıdır.

Özellikleri; align, char, charoff, class, dir, id, lang, onclick, ondblclick, onkeydown, onkeypress, onkeyup, onmousedown, onmousemove, onmouseout, onmouseover, onmouseup, style, title, valign.



<TT> ... </TT>

Bu etiket, sabit boşluklu ya da teletype yazı tipinde gösterilmesi istenen metinleri içerir. Başlangıç ve bitiş etiketi gereklidir.

Özellikleri : class, dir, id, lang, onclick, ondblclick, onkeydown, onkeypress, onkeyup, onmousedown, onmousemove, onmouseout, onmouseover, onmouseup, style, title.


<UL>...</UL>

Bu etiket numaralandırılmayacak bir öğe listesini içerir. İçerdiği öğeler <LI> etiketi ile belirtilir. Başlangıç ve bitiş etiketi gereklidir.

Özellikleri : class, dir, id, lang, onclick, ondblclick, onkeydown, onkeypress, onkeyup, onmousedown, onmousemove, onmouseout, onmouseover, onmouseup, style, title.


ÖZEL KARAKTERLER
boşluk karakteri
< küçüktür işareti
> büyüktür işareti
& and işareti
" tırnak işareti


İnternette Kullanılan Karakter Tabloları

İnternet üzerinde yayınlanan sayfalar değişik dillerde olabilmekteler.
Browser'dan View | Fonts menülerini kullanarak bu dillerin görülebilmesi mümkün. Ayrıca
Sayfanın varsayılan olarak belli bir dilde olmasının da sağlanabilmesi mümkün. Bunun için sayfamızın HTML kodunda <head> satırından sonra <**** http-equiv="Content-Type"content="text/html; charset=windows-1254"> seklinde bir satir eklenmesi yeterli.

Dil Karakter Tablosu
Almanya (de) iso-8859-1, windows-1252
Arabistan (ar) iso-8859-6
Arnavutluk (sq) iso-8859-1, windows-1252
Bulgaristan (bg) iso-8859-5
Çek Cumh.(cs) iso-8859-2
Danimarka (da) iso-8859-1, windows-1252
Eskimo Dilleri iso-8859-10
Estonya (et) iso-8859-10
Finlandiya (fi) iso-8859-1, windows-1252
Fransa (fr) iso-8859-1, windows-1252
Hırvatistan (hr) iso-8859-2
Hollanda (nl) iso-8859-1, windows-1252
İngiltere (en) iso-8859-1, windows-1252
İrlanda (ga) iso-8859-1, windows-1252
İskoçya (gd) iso-8859-1, windows-1252
İspanya (es) iso-8859-1, windows-1252
İsveç (sv) iso-8859-1, windows-1252
İtalya (it) iso-8859-1, windows-1252
İzlanda (is) iso-8859-1, windows-1252
Japonya (ja) shift_jis, iso-2022-jp, euc-jp
Litvanya (lt) iso-8859-10
Macaristan (hu) iso-8859-2
Makedonya (mk) iso-8859-5
Malta (mt) iso-8859-3
Norveç (no) iso-8859-1, windows-1252
Polonya (pl) iso-8859-2
Portekiz (pt) iso-8859-1, windows-1252
Romanya (ro) iso-8859-2
Rusya (ru) koi-8-r, iso-8859-5
Sırbistan (sr) iso-8859-5
Slovakya (sk) iso-8859-2
Slovenya (sl) iso-8859-2
Türkiye (tr) iso-8859-9, windows-1254
Ukrayna (uk) iso-8859-5
Yunanistan (el) iso-8859-7


BAZI ÖRNEK KODLAR

DurumÇubuğunda Sabit Yazılar

Internet kullanıcısı web sayfası üzerinde herhangi bir kısayol üzerine gittiğinde durum çubuğunda gidilecek sayfanın URL'si belirir. Sayfa yüklendikten sonra ve fare imleci herhangi bir kısayolun üzerinde değilken ise durum çubuğu boşalır ve burada hiç bir bilgi sunulmaz. Durum çubuğu meşgul olmadığı zamanlarda kısa bir sloganın veya site başlığının
buraya yerleşmesi isteniyorsa <body> tagının onload özelliği kullanılabilir :

<body onLoad="window.defaultStatus=”Görünmesi istenen yazı”>

Bu kod yazıldığında, yazılan metin durum çubuğuna yerleşecek ve silinmeyecektir. Sadece bir mouse imleci bir URL üzerine getirildiğinde geçici olarak bu URL görünür.



Floating Frame

Sayfalar içerisinde başka bir HTML sayfasını göstermek isteniyor ve bu sayfanın istenen sınırlar dışına taşmaması isteniyorsa Floating Frame kullanılabilir.

<IFRAME SRC="gösterilecek dökümanın URL’si" width=yatay genişliği height=dikey genişliği></IFRAME>





Image Map Nedir?

Imagemap'ler kullanıcının belirli bir resmin değişik alanlarına tıkladığında farklı adreslere gidilebilmesine olanak tanır.

<MAP NAME="map_ismi"><!-- Örnek resmin HTML kodları -->
<AREA SHAPE="imagemap alanının geometrik şekli" COORDS=' imagemap alanının koordinatları' HREF="Bu alana tıklandığında gidilecek yerin URL’si “> </MAP>

Bu koddaki SHAPE; RECTANGLE, CIRCLE, POLYGON seçeneklerinden birini değer olarak alabilir.

RECTANGLE :Bir kare tanımlar ve COORDS özelliği ile ' x1, y1, x2, y2 ' olarak karenin koordinatları belirtilir.
CIRCLE : Bir çember tanımlar ve COORDS özelliği ile 'merkezX, merkezY, Yarıçap' değerleri belirtilir.
POLYGON :Bir poligon tanımlar. COORDS özelliği ile birçok nokta tanımlanabilir.

Yukarıdaki gibi MAP tanımı yapıldıktan sonra haritalanması istenen resim yerleştirilirken bu MAP tanımını kullandığı belirtilir.

<IMG SRC=' resmin URLsi' USEMAP=' #map_ismi' >


Link Vermek

<a href=”URL-ismi://makina-ismi[ort]/dizinler/dosya-ismi “> Ekranda Görünecek Yazı </a>

Burada URL_ismi
file : Server üzerindeki bir dosyaya,
http : Bir WWW sunucusu üzerindeki bir dosyaya,
gopher : Gopher sunucusu üzerindeki bir dosyaya,
news : Bir UseNet haber grubundaki bir dosyaya,
WAIS : WAIS sunucusu üzerindeki bir dosyaya
erişmek için kullanılır.

Port numarası, genellikle yazılmaz. WWW standart portu 80'dir.



Listeler

HTML, pek çok liste çeşidi destekler. Bunlar, düz listeler, numaralı
listeler, tanımlı listeler ve içiçe listelerdir.




Düz listeler

<ul>
<li>Liste elemanı1
<li>Liste elemanı2
</ul>

<li> belirteçleri içinde paragraflar, diğer dökümanlara bağlantılar, ve diğer
belirteçleri kullanılabilir.


Numaralı Listeler

Ekrandaki liste elemanlarının başına 1'den başlayarak sayılar
eklenir.

<ol>
<li> Liste Elemanı1
<li> Liste Elemanı2
</ol>

Tanımlı Listeler

Genellikle birden fazla başlığı olan, her başlık altında kısa bir metin içeren
yazılar, tanımlı listeler ile oluşturulur. Tanımı yapılacak başlık, <dt> ile belirtilir, <dd> ile başlık altına metin girilir. Tüm liste, <dl> ile </dl> arasına alınır.

<DL>
<DT> Kişisel Kullanım
<DD> Linux evinde veya işinde UNIX işletim sistemi altında çalışmak
isteyenler için ideal bir platformdur. Özellikle işi veya eğitimi
sırasında UNIX platformlar altında çalışmak, uygulamalar kullanmak
veya yazılım geliştiren kişiler kendi kişisel bilgisayarlarında benzer
ortamı yakalayabilmektedirler.

<DT> Internet Sunucusu
<DD> Linux doğrudan TCP/IP desteği ile gelmektedir. Bu yönü ile TCP/IP
temelli bilgisayar ağlarında hem istemci hem de sunucu olarak yaygın
kullanım bulmuştur.
</DL>


HTML'de yorum satırları

HTML dokumanda yorumlayıcı tarafından gözönüne alınmayacak olan yorum satırları <!-- ve --> belirteçleri arasına alınır.

<!--
yorumlar
yorumlar
-->


Form Hazırlama

Formlar, kullanıcıdan bilgi girişi olduğu zaman bunları okunmaya hazır duruma getirmeye yarar. Diğer bir deyişle, kullanıcı ile programcı arasında bir köprü
kurar. Programcıya mail atmak, WWW üzerinden araştırma yapmak, belirli bir
anahtar sözcüğü kullanarak arama yapmak, ve hatta telefon bilgi bankalarına
girmek form kullanarak halledilir. Form konusunu anlayabilmek için, HTML programlamayı bilmek ve en azından bir programlama diline ( tercihan shell, PERL veya C ) hakim olmak gereklidir.

<form method="bilgilerin gönderilme metodu" action="formun yönlendirileceği sayfanın URLsi”>



Kontroller eklemek için <INPUT> tagı kullanılır.

<INPUT TYPE=”kontrol tipi” NAME="isim" SIZE=boyut>

Birden fazla satır içeren text kutusu kullanma durumunda ise <TEXTAREA ...>
Tagı kullanılır.

<TEXTAREA NAME="isim" rows=satır_sayısı cols=kolon_sayısı> </TEXTAREA>

Formun sonuna </FORM> belirteci konarak form kapatılır.

Yönlendirme (Forwarding) Nasıl Yapılır?

Eğer bir sayfanın açıldıktan belli bir süre sonra ya da açılır açılmaz başka bir sayfaya yönlenmesini isteniyorsa **** komutundan faydalanılır

< HTML > < HEAD &ht; < **** HTTP-EQUIV="REFRESH" CONTENT="beklenecek saniye sayısı; URL=yönlenilecek URL"> < /HEAD >< BODY >< /BODY > gibi..
 

ahmocell

Yeni üye
25 Mar 2007
20
0
eline sağlık gerçekten çok güzel bir ders ama hani birazda hazır kodlara değinseydin keşke genede eline sağlık
 
Üst

Turkhackteam.org internet sitesi 5651 sayılı kanun’un 2. maddesinin 1. fıkrasının m) bendi ile aynı kanunun 5. maddesi kapsamında "Yer Sağlayıcı" konumundadır. İçerikler ön onay olmaksızın tamamen kullanıcılar tarafından oluşturulmaktadır. Turkhackteam.org; Yer sağlayıcı olarak, kullanıcılar tarafından oluşturulan içeriği ya da hukuka aykırı paylaşımı kontrol etmekle ya da araştırmakla yükümlü değildir. Türkhackteam saldırı timleri Türk sitelerine hiçbir zararlı faaliyette bulunmaz. Türkhackteam üyelerinin yaptığı bireysel hack faaliyetlerinden Türkhackteam sorumlu değildir. Sitelerinize Türkhackteam ismi kullanılarak hack faaliyetinde bulunulursa, site-sunucu erişim loglarından bu faaliyeti gerçekleştiren ip adresini tespit edip diğer kanıtlarla birlikte savcılığa suç duyurusunda bulununuz.