YAYGIN KULLANILAN HTML TAG’LERI
Genellikle her html dökümanında kullandığımız tag’ ler
< html >< /html >,< head >< /head > ve < body >< /body > tagleridir.
< title >< /title >:İlk öğrenilmesi gereken taglerden biridir.Head tag bloğu arasında kullanılır.
Sayfa gösterilirken browser' da pencerenin başlığı olarak görünür.
< p >< /p >:Paragraf oluşturulurken kullanılır.
En çok kullanılan paremetreleri < p align=left | center | right paremetreleridir. Bu paremetreler paragraf hizalamasında kullanılır.
< /br >:Satır sonlarında bir satır aşağı inebilmek için kullanılır.
< HR >: Yatay çizgi oluşturmamıza yardımcı olur. Parametre olarak
WIDTH ile yüzde olarak genişliğini verebilirsiniz. SIZE'ın varsayılan değeri 2'dir. NOSHADE ileyse, 3 boyut etkisini istemediğinizi gösterebilirsiniz.
< B >< /B >: İçerisinde kalan metinlerin kalın yazı olmasında yardımcı olur. Yeni html standartlarında < STRONG >< /STRONG > ‘ da aynı görevi yapar.
< I >< /I >: İçerisinde kalan metinlerin italik yazı olmasında yardımcı olur. < STRONG >< /STRONG > gibi, < I >< /I > yerine < EM >< /EM > (emphasis) kullanılması önerilmektedir.
< H1 >< /H1 >...< H6 >< /H6 >: Başlık tag' leri. Dökümanı çeşitli bölümlere ayırmak ve bunları belirtmek için kullanabilirsiniz.
< OL >< /OL > ve < LI >: Numaralandırılmış liste (ordered list) tag'leri. < OL > ve < /OL > listeyi açma ve kapama için, < LI > ise yeni bir eleman tanımlamak için kullanılır. Numaralar otomatik olarak verilir.
< UL >< /UL > ve < LI >: Numaralandırılmamış liste (unordered list) tag'leri. < UL> ve < /UL > listeyi açma ve kapama için, < LI > ise yeni bir eleman tanımlamak için kullanılır. Numara yerine bullet(işaretleme) konur.
< FONT >< /FONT >: İçerisinde kalan metinlerin karakter tipini, puntosunu, rengini vermek için kullanılır. Çok kullanılan tag'lerden biridir. Parametre olarak (Arial, Helvetica vs gibi), SIZE=x|+/- x (SIZE="3", SIZE="-1" vs gibi), COLOR=#RRGGBB|Renk_İsmi (COLOR="#808080" vs gibi) alabilir.
< BASEFONT >: Dökümanın genel yazı tipini belirtmek için kullanılır. Parametreleri tagıyla aynıdır.
< A >< /A >: Anchor tag'i. İçerisinde kalan metinlerin bir başka yere, Internet üzerinde herhangi bir dökümana, resme ya da herhangi bir servise,url adresine ulaşılabilmesini sağlar. En fazla kullanılan parametre olarak HREF=Kaynak_İsmi alır. Kaynak kısmında kullanılabilecek isimlere örnek olarak:
* HREF=icerik.html
* HREF=mailto:sadik@zirvedekibeyinler.net (tıklanıldığı anda Outlook expressin yeni mail formu açılmış olur.)
* HREF="javascript:alert('Uyarı Mesajı')" (bir JavaScript kodu çalıştırır, ve ekrana üstünde Uyarı Mesajı yazan ve OK tuşu olan bir diyalog kutusu çıkartır.)
Ayrıca bir diğer parametresi NAME=Anchor_İsmi'dir.
Bu şekilde bir anchor tanımladığınız zaman sayfa içinde istediğiniz bir yerden tam bu noktaya ilerlemeniz mümkündür. Örneğin sayfa en tepesine < A NAME=ustecik >< A > dediğiniz zaman sayfanın en altına koyduğunuz bir < A HREF=#ustecik >Yukarı çıkmak için tıklayın..< /A > link'iyle dökümanın en üstüne geri dönülebilmesini sağlarsınız. # işareti önemlidir ve link'in hedefinin bir anchor olduğunu gösterir. Ayrıca NAME hem de HREF parametrelerini verebilirsiniz. Böylece aynı anda hem dışarıya link vermiş, hem de dışarıdan link verilebilecek bir blok tanımlamış olursunuz. Örneğin, < A NAME=#giris HREF=icerik.html >.
< IMG >: Sayfa içerisine bir resim yerleştirmek için kullanılır. Sık kullanılan parametreleri ise SRC=resmin nerde olduğu, WIDTH=Genişlik, HEIGHT=Yükseklik, ALT=resim üzerine geldiğinde görünen text yazı. BORDER=Resim çerçeve kalınlığı, HSPACE=x, VSPACE=x (Yatay ve dikey resim boşlukları) gelebilir.Çok sık kullanılan < A HREF=.... >< /A > bloğu içine yerleştirilir ve görsel bir link yaratılmış olur.
< SUP >< /SUP > ve < SUB >< /SUB >:Sırasıyla superscript ve subscript yazı için kullanılır. Superscript yaptığınız yazı yukarıda, suscript yaptığınız yazı aşağıda görüntülenir. Örneğin x2 (superscripted) ve M1,2 (subscripted).
< BLOCKQUOTE >< /BLOCKQUOTE >: Alıntı yapmak için kullanılır. Genelde ise bir bloğu toptan içeri indent etmek için kullanılır. Bu sayfadaki kod örnekleri bu tag'le içeri doğru alınmıştır. Indent etmek için kullanılması yüzünden, alıntı yaptığınızda tırnak (") işareti koymanız tavsiye edilmez.
< TT >< /TT >: Teletype (monospaced, sabit genişlikte) karakter kullanmak için kullanılır. Courier tipik bir teletype karakter tipidir. Bu sayfalardaki bütün kod örnekleri de Teletype stilindedir.
< PRE >< /PRE >: Önceden düzenlenmiş (preformatted) metin blokları için kullanılır. Normalde, HTML birden çok whitespace'i tek bir boşluk karakteriyle değiştirdiği için, görüntülenmesi başka türlü mümkün olmayan metin blokları bu tag yardımıyla görüntülenebilir.
< object >< /object >: Bir HTML belgesine bir nesneyi (flash, ortam oyuncuları, resim eşlemleri, uygulamacıklar, ActiveX bileşenlerindiği gibi öyle) eklemekte yardımcı olur. Örneğin bir flash nesnesini eklerken aşağıdaki işlemi uygularız.
< object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000"
codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=9,0,28,0"
id="reklam"
width="152">
<param name="movie" value="images/reklam.swf">
<param name="bgcolor" value="#FFFFFF">
<param name="quality" value="high">
<param name="allowscriptaccess" value="samedomain">
<embed
type="application/x-shockwave-flash"
pluginspage="http://www.adobe.com/shockwave/download/index.cgi?P1_Prod_Version=ShockwaveFlash"
name="reklam"
width="152"
src="images/reklam.swf"
bgcolor="#FFFFFF"
quality="high"
allowscriptaccess="samedomain">
<noembed>
noembed>
embed>
< /object >
Ve böylece swf uzantılı reklam flash dosyamız görüntülenmiş olur.
DIV Tag ’l erinin kullanımı:
İçerisine yerleştirilen metin veya dökümanları Blok haline getirir. Ve onun içerisinde çalışmasını sağlar. İç method olarak kullanılır.Div taginin de her tag de olduğu gibi kendine özgü paremetreleri vardır. Bunu küçük bir örnekle görelim.
ZİRVEDEKİ BEYİNLER
< div style=" float: right; width: 240px; height: 150px; background-color: pink; " >
ZİRVEDEKİ BEYİNLER
< /div >
Şimdide burada bulunan kod bloğunu inceliyelim.float:right paremetresi div içerisinde kalan bloğun tamamanın browser sayfasının sağ tarafında görüntülenmesini sağlar.Width:240px;bloğun genişliğini, height:150px; bloğun yüksekliğinden background-color:pink; bloğun arkaplan renginin pembe olduğundan bahsedecektir.İleriki makalalerimizde divlerle neler yapılabileceğini çeşitli örneklerlerde göstermeye çalışcaz.
< meta>: Meta Tagları, arama motorları tarafından sitenizin indekslenmesi sırasında tanımlanması ve kategorize edilmesi açısından önemlidir.Bir sonraki makalemizde meta tagleri hakkında geniş bilgi bulablirsiniz.