Html Komutlari
Temmuz 13th, 2007 Yazar admin1. <HEAD> ………. </HEAD> Aras覺nda Kullan覺lan Komutlar
<TITLE> ………. </TITLE> belirte癟 癟ifti: Bu belirte癟 癟ifti aras覺na browser’ 覺n (listeleyici) bal覺k 癟ubuunda g繹r羹lecek olan sayfan覺n bal覺覺 yaz覺l覺r.
<META> belirteci: Bu belirte癟 ile kullan覺labilen bir癟ok se癟enek vard覺r. rnein bir kullan覺m覺, bu belirte癟 ile sayfan覺z覺n i癟eriini yans覺tan baz覺 anahtar kelimeler ve tan覺mlamalar verilmesidir. Web 羹zerinde arama yapan arama motorlar覺 sayfalar覺n meta belirte癟lerine bakarak grupland覺rma yaparlar. Bununla ilgili aa覺daki 繹rnekleri inceleyiniz.
<META NAME=”Description” CONTENT=”HTML 繹renmek i癟in yararl覺 bilgiler”>
<META NAME=”Keywords” CONTENT=”html, htm, web sayfas覺”>
<META NAME=”Author” CONTENT=”Ozge Donmezer”>
Baka bir kullan覺m, sayfadaki yaz覺lar覺n hangi dil ailesine ait karakterlerle yaz覺ld覺覺n覺 belirtmek i癟indir. Yine aa覺da bunula ilgili bir 繹rnek verilmitir.
<META HTTP-EQUIV=”Content-Type” CONTENT=”text/html; charset=iso-8858-9″> (T羹rk癟e’ nin dahil olduu dil ailesine ait standard tan覺mlamas覺 iso-8859-9′ dur.)
2. <BODY> ………. </BODY> Aras覺nda Kullan覺lan Komutlar
Her t羹rl羹 yaz覺, formatlama bilgileri bu b繹l羹me girdiinden, bir HTML d繹k羹man覺n覺n esas k覺sm覺n覺 da bu b繹l羹m oluturduundan, bu b繹l羹mde olduk癟a fazla say覺da komuttan s繹z edilecektir. Bu komutlar belirli bir mant覺k s覺ras覺na g繹re verilecektir.
<BODY BGCOLOR=& TEXT=& LINK=& ALINK=& VLINK=&>
RRGGBB ile temsil edilen hexadecimal bir say覺d覺r. (R= Red, G= Green, B= Blue) Bu y繹ntem kullan覺larak deiik renkler elde edilebilir. Pek tercih edilmemekle birlikte say覺 yerine dorudan renk isimleri de verilebilir (aqua, black, blue, fuchsia, gray, green, lime, maroon, navy, olive, purple, red, silver, teal, white, yellow ). Bgcolor se癟enei, sayfan覺n zemininin, text, sayfa i癟indeki yaz覺lar覺n, link, balant覺 yaz覺lar覺n覺n, alink, aktif durumdaki balant覺 yaz覺lar覺n覺n, vlink, ziyaret edilmi balant覺lar覺n renklerini vermemiz i癟in kullan覺l覺r.
Sayfan覺n zemin rengini tek renk vermek yerine, fona bir background resmi de koyabiliriz. <BODY BACKGROUND=image_URL
Sayfa kenarlar覺 ayarlamalar覺 da aa覺daki ekilde yap覺l覺r:
<BODY LEFTMARGIN=& TOPMARGIN=&>
& marjin miktar覺n覺 temsil etmektedir. Leftmarjin se癟enei sol kenar覺, Topmarjin 羹st kenar覺 ayarlamam覺z覺 salar.Bir d繹k羹man i癟erisindeki yaz覺lardan istediimiz k覺sm覺n覺n font 繹zelliklerini belirlemek i癟in font belirteci deiik se癟eneklerle kullan覺l覺r:
<FONT SIZE=&> Font b羹y羹kl羹羹 belirlenecek yaz覺 </FONT>
1 den 7 ye kadar deiebilir. Say覺y覺 art覺rd覺k癟a, belirte癟 癟ifti aras覺na yazd覺覺m覺z yaz覺n覺n b羹y羹kl羹羹 de artar.
<FONT COLOR=&> Font rengi belirlenecek yaz覺 </FONT>
& yerine yine alt覺 basamakl覺 hexadecimal say覺lar kullanarak ya da dorudan renk ismini vererek, ayarlamam覺z覺 yapar覺z.
<FONT FACE=&> Karakter ekli belirlenecek yazi </FONT>
& yerine istedigimiz karakter tiplerinden birini yazabiliriz. (rnegin; Times New Roman, Arial gibi)
D繹k羹man i癟indeki yaz覺lardan istediimiz bir k覺sm覺na kal覺n, italik, alt覺 癟izgili vb 繹zellikleri verebiliriz:
<B> Kal覺n yap覺lacak yaz覺 </B>
<I> 襤talik yap覺lacak yaz覺 </I>
<U> Alt覺 癟izili yap覺lacak yaz覺 </U>
<SUP> Sat覺r覺n biraz 羹st taraf覺nda g繹r羹nmesini istediimiz yaz覺 </SUP>
<SUB> Sat覺r覺n biraz alt taraf覺nda g繹r羹nmesini istediimiz yaz覺 </SUB>
<STRIKE> st羹 癟izili yap覺lacak yaz覺 </STRIKE>
HTML d繹k羹man覺m覺zda paragraf ba覺 yapmak, sadece alt sat覺ra ge癟mek ya da bir k覺s覺m yaz覺y覺 tek bir sat覺rda yazmak istediimiz zaman aa覺daki balirte癟leri kullanmal覺y覺z. <P> …Yeni bir paragraf yapmak istediimiz zaman
kulland覺覺m覺z bu belirte癟, 癟iftiyle birlikte kullan覺lmaz. Okunabilirlii art覺rmak i癟in, genelde sat覺r覺n sonunda kullan覺l覺r. Bir sat覺r boluk b覺rak覺r.
<BR> ..Bir alt sat覺ra ge癟mek i癟in kullan覺lan bu belirtecin de 癟ifti yoktur. Bu belirte癟 bir sat覺r boluk b覺rakmadan, bir alt sat覺ra ge癟er.
<NOBR> Hep ayn覺 sat覺rda yer almas覺n覺 istediimiz yaz覺 </NOBR> .. Bu belirte癟, 癟iftiyle birlikte kullan覺l覺r ve belirte癟 癟ifti aras覺na yazd覺覺m覺z yaz覺, bir sat覺rda g繹r羹nt羹lenir.
D繹k羹man i癟inde kullanaca覺m覺z bal覺k formatlar覺n覺 ayarlamak i癟in kullanaca覺m覺z belirte癟 ise aa覺da g繹sterilmitir:
<H&> Bal覺k <H&> ..Bu belirte癟 癟ifti aras覺na da kullanaca覺m覺z bal覺覺 yazar覺z. &, 1 den 6 ya kadar deiebilen bir say覺y覺 temsil eder. Say覺 b羹y羹d羹k癟e, bal覺覺n ebatlar覺 da k羹癟羹l羹r.
Bal覺覺 saa, sola yaslamak ya da sayfan覺n tam ortas覺nda bulunmas覺n覺 salamak i癟in <H&> belirteci ALIGN se癟eneiyle kullan覺l覺r.
<H& ALIGN=#> Saa, sola ya da ortaya yaslayaca覺m覺z bal覺k </H>
& yerine 1 den 6 ya kadar bir say覺, # yerine de left, right ya da center gelmelidir.
Bir paragraf覺 olduu gibi saa, sola ya da ortaya yaslamak istedimiz zaman da <P> belirtecini 癟iftiyle beraber benzer ekilde ALIGN se癟enei ile kullanmal覺y覺z.
<P ALIGN=#> Saa, sola ya da ortaya yaslayaca覺m覺z paragraf </P>
# = left, right ya da center
Haz覺rlad覺覺m覺z d繹k羹manda kullanmak istediimiz 繹zel karakter stilleri olabilir.rnein bir yerden al覺nt覺 yapmak istediimizde, al覺nt覺 yapt覺覺m覺z yaz覺lar覺n biraz eik (italik gibi) g繹r羹nmesini isteyebiliriz. Ya da baz覺 vurgulad覺覺m覺z k覺s覺mlar覺n daha 癟ok g繹ze 癟arpmas覺n覺 isteyebiliriz. HTML de bu gibi 繹zellikleri salayan belirte癟ler de vard覺r. Aa覺da bunlar verilecektir:
<EM> nemli bir yaz覺 </EM> ..Bu belirte癟 vurguyu belirtmek i癟in kullan覺l覺r. (D覺ar覺ya biraz eik 癟覺kar.)
<STRONG> ok 繹nemli bir yaz覺 </STRONG> .冰u belirte癟 癟ifti g羹癟l羹 vurguyu belirtir. (D覺ar覺ya biraz koyu 癟覺kar.)
<CODE> Yaz覺lar yaz覺lar </CODE> ..Bu belirte癟 癟ifti yasa, kural belirten yaz覺lar i癟in kullan覺l覺r.
<SAMP> rnek </SAMP> ..rnek 癟覺kt覺
<VAR> Deiken, emin deil </VAR> ..Deiken, karas覺z
<DFN> Tan覺mlama </DFN> ..Bu belirte癟 癟ifti tan覺mlama belirten yaz覺lar i癟in kullan覺l覺r. (D覺ar覺ya hafif eik 癟覺kar.)
<CITE> Al覺nt覺 </CITE> ..Bu belirte癟 癟ifti al覺nt覺 yaz覺lar i癟in kullan覺l覺r.
<SMALL> K羹癟羹k yaz覺 </SMALL> ..Bu belirte癟 癟ifti aras覺nda yaz覺lan yaz覺lar d覺ar覺ya 癟ok k羹癟羹k 癟覺kar.
<BIG> B羹y羹k yaz覺 </BIG> ..Bu belirte癟 癟ifti aras覺nda yaz覺lan yaz覺lar d覺ar覺ya 癟ok b羹y羹k 癟覺kar.
<ADDRESS> Yazar覺n Adresi </ADDRESS> ..Bu format yazar覺n adresini yazmak i癟indir.
<BLOCKQUOTE> 襤癟eriden bala </BLOCKQUOTE> ..Bu belirte癟 癟ifti aras覺na yaz覺lan yaz覺 sayfan覺n hem sa覺ndan hem solundan i癟eriye kayar.
<DIV ALIGN=LEFT|CENTER|RIGHT> Herhangi bir yaz覺 ya da yaz覺 grubu </DIV> ..Bu belirte癟 癟ifti herhangi bir yaz覺 ya da yaz覺 grubunun saa, sola ya da ortaya yaslanmas覺n覺 salar.
<CENTER> Ortalanacak yaz覺 </CENTER> ..Bu belirte癟 癟ifti yaz覺 ve resimleri sayfada ortalar .
<PRE> Formatl覺 metin </PRE> ..Bu belirte癟ler aras覺na yaz覺lan her ey, yaz覺ld覺覺 gibi ekrana 癟覺kar. Boluklar, tab’ lar, sat覺r b繹lmeleri vb korunur.
<BLINK> Yan覺p s繹nen yaz覺 </BLINK> ..Bu belirte癟 癟ifti aras覺na yaz覺lan yaz覺lar d覺ar覺 癟覺kt覺klar覺nda bir yan覺p bir s繹nen ekilde g繹r羹n羹rler.
Sayfam覺zda herhangi bir yere deiik boyutlarda 癟izgi 癟izmek isteyebiliriz.
Bunu <HR> belirteciyle yapar覺z. Boyutlar覺n覺 ayarlad覺覺m覺z se癟enekleriyle birlikte kullan覺m覺 aa覺daki gibidir.
<HR SIZE=# WIDTH=# ALIGN=#> ..izginin uzunluunu ayarlamak i癟in kulland覺覺m覺z WIDTH se癟eneini WIDTH=50% eklinde de kullanabiliriz. rnein; bizim kullan覺m覺m覺z sayfan覺n %50 si, yani yar覺s覺 uzunluunda bir 癟izgi 癟izmek istediimizi belirtir.
Sayfam覺zdan yapaca覺m覺z balant覺lara gelince; 繹ncelikle Internet 羹zerindeki herhangi bir makinadaki bir d繹k羹mana balant覺 yapmaya bakal覺m:
<A HREF=URL_adresi> Buraya t覺klay覺n覺z </A> ..Web sayfan覺zda Buraya t覺klay覺n覺z yaz覺s覺 癟覺kacakt覺r ve bu yaz覺 bir link g繹r羹n羹m羹n羹 alm覺t覺r. zerine t覺klad覺覺n覺zda yazd覺覺n覺z URL adresine ula覺rs覺n覺z. URL adresi aa覺daki gibidir.
<servis>://<adres>[:port_numaras覺]/<dizin>/dosya_ad覺
<servis> yerine webin d覺覺nda dier internet servislerini salayan prottokolleri de yazabilirsiniz. Eer, bulunduunuz dizinde bir d繹k羹mana balant覺 yapmak istiyorsan覺z, sadece d繹k羹man覺n ad覺n覺 yazman覺z yeterlidir. Kendi makinan覺zda fakat baka bir dizin alt覺ndaki bir d繹k羹mana balant覺 yapmak i癟in, dizin ismini ve d繹k羹man ismini yazmal覺s覺n覺z.
<A HREF=fotograflarimuzgun.gif> buraya t覺klay覺n覺z </A>
Ayn覺 d繹k羹man覺n i癟inde bir yere balant覺 yapmak istiyorsak o zaman 繹yle demeliyiz:
<A HREF=#name> buraya t覺klay覺n覺z </A>
Gitmek istediiniz yerin HTML kodunu ise 繹yle yazmal覺s覺n覺z:
<A NAME=name></A> Buraya hogeldiniz.
name burada sizin tespit edeceiniz herhangi bir isim olabilir. (rnein 1. B繹l羹me gitmek istiyorsan覺z, name yerine 1, ayn覺 ekilde 1. B繹l羹m羹n bulunduu yere de name olarak 1 yazmal覺s覺n覺z.)
Baka bir d繹k羹man覺n bir par癟as覺na gitmek istiyorsan覺z, <A HREF=URL#name> hedef </A> yazmal覺s覺n覺z. Tabii gideceiniz d繹k羹man par癟as覺n覺n ba覺nda da <A NAME=name></A> yazmal覺d覺r.
HTML d繹k羹man覺n覺z i癟inde bir resim dosyas覺n覺 da balant覺 eleman覺 olarak kullanabilirsiniz. rnein;
Bana mail g繹ndermek i癟in zarf覺n 羹zerini t覺klay覺n<A HREF=mailto:rovelver21@mynet.com><IMG SCR=”envelope.gif”> </A> 色冰u d覺ar覺ya 繹yle 癟覺kar:
Bana mail g繹ndermek i癟in zarf覺n 羹zerini t覺klay覺n ZARF RESMI
Eer balant覺 yap覺lacak olan, bir dosyaysa, o dosyan覺n t羹r羹 繹nemlidir. Dosyan覺n t羹r羹, Web sunucusu ve sizin Web istemciniz taraf覺ndan bilinen bir dosya t羹r羹yse (TXT, GIF, JPG, JPEG, PNG, XBM) balant覺 yaz覺s覺n覺n 羹zerine t覺klad覺覺n覺zda dosya a癟覺l覺r. Eer ilgili dosya bilinmeyen bir dosya t羹r羹yse, o zaman bu balant覺 t覺kland覺覺nda, web istemcisi o dosyay覺 “diske saklamak” ya da bir uygulama program覺yla a癟mak eklinde iki se癟enek sunar. Baz覺 dosya tipleri ise, web istemcilerine y羹klenen yard覺mc覺 “plug-in” ler ile ilenebilir. Bunlardan en pop羹lerleri ses formatlar覺 (AU, WAV, MID); video formatlar覺 (RM, MOV, AVI) ve baz覺 繹zel tipte dosyalard覺r (AutoCAD 癟izim dosyalar覺 gibi).
Kayan yaz覺 g繹r羹nt羹s羹 elde edebilmek i癟in kullan覺lacak olan belirte癟 癟ifti <marquee> … </marquee> dir.
<MARQUEE> Kayan yaz覺 </MARQUEE> ..Bu belirte癟ler aras覺ndaki yaz覺 d覺ar覺ya kayan ekilde 癟覺kar:
Bu belirte癟 癟iftinin beraber kullan覺ld覺覺 se癟enekler aa覺da verilmitir:
<MARQUEE SCROLLAMOUNT=#> Kayan yaz覺 </MARQUEE> ..# burada kayma h覺z覺n覺 belirten bir say覺d覺r.
<MARQUEE SCROLLDELAY=# SCROLLAMOUNT=#> Kayan yaz覺 </MARQUEE> ..Scrolldelay se癟enei yaz覺n覺n hangi aral覺klarla bekletileceini belirten bir say覺d覺r.
Kayan yaz覺n覺n b羹y羹kl羹羹n羹, geniliini ayarlayabiliriz. Align se癟enei ise, top, middle ve bottom deerlerini alabilir.
<FONT SIZE=6>
<MARQUEE ALIGN=# WIDTH=#> Kayan yaz覺 </MARQUEE>
</FONT>
Merhaba!
Kayan yaz覺n覺n arkaplan rengini bgcolor se癟enei ile aa覺daki gibi verebiliriz.
<MARQUEE BGCOLOR=#>Kayan yaz覺 </MARQUEE>
<height=# width=#> ANLAMLARINI
<hspace=# vspace=#> ANLAYAMADIM
Listeler de incelenmesi gereken 繹nemli bir konudur. Listeleri d繹rt grupta inceleyebiliriz.
1- S覺ras覺z (Unordered) Listeler: Bir se癟enek belirtilmezse, siyah noktal覺 listeler oluturur.
<UL>
<LI> Win 98
<LI> Win NT
</UL>
Win 98
Win NT
Fakat, siyah nokta yerine, i癟i bo daire ya da kare ekli 癟覺karmak ta m羹mk羹nd羹r. Bunun i癟in kullan覺lmas覺 gerekli se癟enek TYPE se癟eneidir. TYPE se癟eneinin alabilecei deerler disc, circle ve square dir.
2- S覺ral覺 (Ordered) Listeler: Bir se癟enek belirtilmezse, 1, 2, 3 numaral覺 listeler oluturur.
<OL>
<LI> Win 98
<LI> Win NT
</OL>
Win98
WinNT
Burada da type se癟eneini kullanarak deiik s覺ral覺 listeler yaratmak m羹mk羹n olur.
<LI TYPE= #> # = A, a, I, i, 1
3-A癟覺klamal覺 Listeler:
<DL COMPACT>
<DT> Win98
<DD> Bir iletim sistemidir.
<DT> WinNT
<DD> Aray羹z羹 Windows 95 e 癟ok benzeyen bir iletim sistemidir.
</DL>
Win98
Bir iletim sistemidir.
WinNT
Aray羹z羹 Windows 95 e 癟ok benzeyen bir iletim sistemidir.
4-I癟i癟e Listeler:
T羹m liste 癟eitleri, 3′den fazla b繹l羹m kullanmadik癟a i癟i癟e yazilabilir. rnek olarak;
<UL>
<LI> Izmir deki 羹niversiteler
<UL>
<LI> Ege niversitesi
<LI> Dokuz Eyl羹l niversitesi
</UL>
<LI> Ankara’ n覺n belli bal覺 羹niversiteleri
<UL>
<LI> Ankara
<LI> ODT
</UL>
</UL>
Ekrandaki g繹r羹nt羹s羹,
〢釙mir deki 羹niversiteler
〒ge niversitesi
¥okuz Eyl羹l niversitesi
／nkara’n覺n belli bal覺 羹niversiteleri
／NKARA
㏕DT
Web in ortak dili HTML kullan覺larak haz覺rlanan sayfalarda, tablo ve form konular覺 da olduk癟a 繹nmelidir. Fakat, burada ama癟, t羹m HTML komutlar覺n覺 vermek deil, HTML dilinin temel mant覺覺n覺 anlatmak olduu i癟in, bu konulardan bahsedilmeyecektir.
