Jan 11
<I> Tagı
<I> tagı etki ettiği alandaki yazının eğik görüntülünmesini sağlar. Kullanım şekli :
<I> eğik görüntülenmesi istenen yazı </I>
<SMALL> Tagı
Bu tag içerisine aldığı ifadenin font büyüklüğünü bir azaltır. Kullanım şekli :
<SMALL> bir ufak font ile yazılacak yazı </SMALL>
<STRIKE> Tagı
Bu tag etki ettiği alan içerisindeki yazı üzerine ( karekterlerin ortalarından ) çizgi çeker ve yazının silinmiş gibi görüntülenmesini sağlar. Kullanım şekli;
<STRIKE> silinmiş efekti uygulanacak yazı </STRIKE>
<STRONG> Tagı
İçerisine aldığı yazı bölümünü vurgulu gösterir. Genel olarak kalın bir yazı ile vurgu belirtili. Kullanımı :
Okumaya Devam Et »
Jan 11
Yazı biçimlendirme tagları
Konu içerisinde yazıların değişik görünümde olmaları gerekebilir. Html ile birçok yazı biçimini kullanabiliriz. Şimdi bunlardan bazılarını görelim.
<B> Tagı
Bu tag yazının kalın yazılmasını sağlar. Kullanımı :
<B> kalın gösterilecek yazı </B>
Örnek kullanımı :
Yazı içerisinde <B>kalın</B> gösterimesi gereken yerler olabilir.
Bu kodun sonucunda :Yazı içerisinde kalın gösterilemesi gereken yerler olabilir.
şeklinde olacaktır.
<BIG> Tagı
Bu tagın etki ettiği alandaki yazı bir büyük font değeri ile gösterilir. Kullanımı :
<BIG> Büyük font ile gösterilecek yazı</BIG>
Bu tagın kullanımı için bir örnek gerekirse :
Html öğrenmek gerçektern <BIG>kolay</BIG> bir iştir.
Bu ifade sonunda :
Html öğrenmek gerçekten kolay bir iştir.
şekline olacaktır.
<CODE> Tagı
Bu tag içerisine aldığı yazının bilgisayar kodu olduğunu belirtir. Kullanım şekli :
<CODE> bilgisayar kodu buraya yazılır </CODE>
Jan 11
Terimlerin açıklamalarında kullanılan listelerdir. Bu tip listelerde önce terim verilir ve sonra açıklaması yapılır. Kullanımı :
<DL>
<DT>HTML
<DD>Websayfası tasarlamak için kullanılan bir
tanımlama dilidir.
<DT>JAVASCRIPT
<DD> Websayfası üzerinde programlama yapmak
için kullanılan bir programlama dilidir.
<DT>STYLE SHEET
<DD>Websayfalarında kendi sitillerinizi kullanmanızı
sağlayan HTML özellikleri.
<DT>DHTML
<DD>HTML, CSS ve JAVASCRIPT kullanılarak websayfalarının
daha etkin hâle getirlmesinde kullanılan teknikler.
<DT>CGI PROGRAMLAMA
<DD>Server üzerinde kullanılan ve sayfa tasarımı dışında
website yönetiminde kullanılan programlama sistemidir.
</DL>
Bu ifade sonucunda :
Okumaya Devam Et »
Jan 11
Html ile istediğiniz listeleri sayfanıza kolayca yerleştirebilrsiniz. Bunun için kullabileceğim önemli Html Listeleri şunlardır :
- Sırasız listeler
- Sıralı listeler
- Tanım listeler
Bu listeler dışında başka listeler olmakla beraber güncel kullanımda tavsiye edilmezler.
Sırasız Listeler
Bu listeler verilen listede belli bir sıralama gözetilmediğinde kullanılırlar. Sırasız bir liste oluşturmak için <UL> tagını kullanacağız. Bu tag içerisinde ise liste elemanlarını vermek için <LI> tagını kullanıyoruz. Mesela meyvelerin sıralandığı bir liste yapmak istersek kullanacağımız ifadeler aşağıdadır.
<UL>
<LI>Elma</LI>
<LI>Armut</LI>
<LI>Vişne</LI>
<LI>Kiraz</LI>
<LI>Dut</LI>
<LI>Kayısı</LI>
</UL>
Böyle bir ifadenin sonucunda şu liste görüntülencektir.
Okumaya Devam Et »
Jan 11
<CENTER> Tagı
Bu tag içerisine aldığı elemanları iki kenara göre ortalar. Kullanım şekli :
<CENTER>
Ortalanacak elemanlar bu bölüme gelecek
</CENTER>
Bu tag <DIV ALIGN=”Center”> ile aynı etkiyi oluşturur.
<PRE> Tagı
Bu tag ile elde edilecek etki şudur; bu taglar arasına yazılan her ifade aynen yazıldığı gibi gösterilir, aralarında bırakılan boşluklarda olduğu gibi muhafaza edilir, ayrıca bu tagın etki ettiği alandaki yazılar eşit aralıklı daktilo fontu ile gösterilir. Bir örnekte bunu görelim :
<HTML>
<HEAD>
<TITLE> PRE tagı</TITLE>
<META HTTP-EQUIV="Content-Type"
CONTENT="Text/Html; charset=iso-8859-9">
</HEAD>
<BODY>
PRE tagının etki etmediği yazı şekli.
<PRE>
P R E t a g ı n ı n e t k i
e t t i ğ i
a l a n .
</PRE>
</BODY>
</HTML>
Okumaya Devam Et »
Jan 11
Addres Tagı
Bu tag adres belirmek için kullanılır. Bu tagın etki ettiği alandaki yazılar yatık şekilde gösterilir. Bu tag kullanıldığında bir satır aşağıdan yazmaya başlar ve bittiğinde yine sonra gelen bölüm bir satır aşağıdan başlayacaktır. Bu tagın kullanımı :
<ADDRESS>
adres bu böllüme yazılır.
</ADDRESS>
Bir örnek üzerinde bu tagı görelim :.
<HTML>
<HEAD>
<TITLE> ADDRESS tagı</TITLE>
<META HTTP-EQUIV="Content-Type"
CONTENT="Text/Html; charset=iso-8859-9">
</HEAD>
<BODY>
Bu bölüm sona erdiğinde yazışma aderesimizi yazmak istiyorum.
<ADDRESS>
Bizim sokak
Gül ap. no:5
<BR>Derince / Kocaeli
</ADDRESS>
</BODY>
</HTML>
Okumaya Devam Et »
Jan 11
<DIV> Tagı
Bu tagın görevi belli içerik bloğunu bir araya toplamaktır. Kullanım şekli :
<DIV>
içerik bölümü
</DIV>
şeklindedir. Bu tag kullanıldığında gösterim işlemi bir alt satırdan başlar ve bir satır boşluk bırakılmaz. Bu tagın da ALIGN özelliği mevcuttur. Bu özellikle birlikte Left,Right ve Center değerleri kullanılır. Bu özellikler <P> tagındaki gibi kullanılır. Left bloğu sola dayalı gösterir, Right boloğu sağa yanaşık gösterir ve Center ise bloğu iki kenara göre ortalar.
Okumaya Devam Et »
Jan 11
Satır bitirme
Aslında bir blok tagı olmamasına rağmen satırı bitirip bir sonraki satırdan yazmaya başlatan <BR> tagını burada göreceğiz. Bu tagın bitiş tagı yoktur ve görevi güncel satırı sona erdirmek ve bir alt satır başına geçmektir. Bu tagı bir örnekte görelim :
<HTML>
<HEAD>
<TITLE> BR tagı</TITLE>
<META HTTP-EQUIV="Content-Type"
CONTENT="Text/Html; charset=iso-8859-9">
</HEAD>
<BODY>
BR tagı güncel satırı bitirir
<BR>alt satırdan yazmaya
<BR> devam edilir.
<BR> bitiş tagı yoktur.
</BODY>
</HTML>
Jan 11
Blok Düzenleme Tagları
Html belgesi içerisinde belli bir alana etki eden taglara tanımlanmıştır. Bu taglardan bir kısmını bu bölümde inceleyeceğiz.
Paragraf verme
Bir sayfa içerisinde paragraf kullanımı için <P> tagını kullanıyoruz. Bu tagın bitiş tagı olarak </P> tanımlanmış olmakla beraber seçimliktir. İstenirse kullanılmayabilir.Sayfa içerisinde dilediğimiz zaman <P> tagını kullanarak paragraf oluşturabiliriz. Bu tagın etkisi bulunulan satırı bitirmek, sonra bir sonraki satırı boş bırakarak satır başı yapmaktan ibarettir. Bir örnek üzerinde görelim :
<HTML>
<HEAD>
<TITLE> Paragraf kullanımı</TITLE>
<META HTTP-EQUIV=”Content-Type”
CONTENT=”Text/Html; charset=iso-8859-9″>
</HEAD>
<BODY>
Okumaya Devam Et »
Jan 11
Resimlere Bağlantı Verme
Bir resime bağlantı vermek için yapmamız gereken <A> tagı içerisine istediğimiz bir resmi <IMG> tagı ile birlikte yerleştirmekten ibarettir. Kullanımı :
<A href="gidilecek_adres">
<IMG src="resim.gif">
</A>
şeklinde olacaktır. Burada <IMG> tagı ile istediğiniz resimi bağlantı olarak kullanabilirsiniz. Mesela :
Okumaya Devam Et »
Son Yorumlamalar