HTML Nedir?

HTML, Hyper Text Markup Language kelimelerinin bas harflerinden olusup, çok yönlü metin dökümanlarini hazirlamada kullanilir. Bu dökümanlar www (World Wide Web)’de karsimiza çikan sayfalardir. HTML, konutlardan olusur. Bu komutlara özet olarak TAG denir. TAG’lar metin, basliklar, listeler, vurgular gibi kisimlara ayrilirlar.

HTML, bir metin dökümaninin mantiksal organizasyonunu belirlemek için tasarlandi. Bu sayfalara çok yönlü metin baglantilari ve kullanici etkilesimleri eklenebilir. HTML ile dökümanlar olusturulurken, diger programlama dillerinde (ASP,PHP,DHTML,XML v.s.) oldugu gibi mantiksal ünitelerden olusur. Basliklar, paragraflar veya listelerden olusabilir.Ayrica HTML dökümanini hem UNIX tabanli, hem de WINDOWS tabanli bir makinada kullanabilirsiniz. Yani özel bir program kurmaniza, her hangi bir sanal server olusturmaniza (Örnegin ASP dili için Windows98/Me kurulu bir bilgisayarda PWS (Personal Web Server) mutlaka kurulu olmalidir) gerek yoktur. Internet Explorer veya Netscape gibi tarayicilariniz ile HTML dökümaninizi çalistirabilirsiniz.

HTML dökümaninin diger dillerden farki <.....> büyüktür ve küçüktür karakterleri ile sinirlanan birimler içersinde yazilmalaridir. Yani HTML kodlari büyüktür ve küçüktür isaretleri arasindaki ...... (noktali yerlere) yazilir.

Örnekler:

Örnek1: <h1> (Büyüktür ve küçüktür karakterleri arasindaki h1 HTML kodu yazilan bir yazinin en büyük puntodaki baslik isareti demektir ve kapanisi </h1>. Bu tür tag elemanlarina, içerikli elemanlar denir. Eger bir HTML kodunun örnegin <br> komutu gibi kapanisi yoksa bunlara da bos elemanlar denir. Bu kod ile ayrintili bilgi ilerleyen bölümlerde yer verilecektir). Genel olarak HTML kodlarinin kullanimi su sekildedir ;
H1 konutu için örnek verilecek olursa,
<h1>Bu alana en büyük puntoda görülecek yazi yazilabilir.</h1>

Örnek2: <img src=”dosya_adi.uzantisi”> Burada SRC, IMG elemaninin bir sifatidir. HTML sifatlarini, daha dogrusu HTML kodlarini istediginiz yazim editöründe hazirlayabilirsiniz. Hatta bildigimiz not defteri bile bu is için çok ama çok uygundur. Yalniz dikkat edilmesi gereken unsur, HTML dökümanimizi hazirladiktan sonra kaydetme islemine geldiginde dosya adini verdikten sonra uzantisini *.htm veya *.html olarak belirtmeniz gerekmektedir. Örnegin sizin verdiginiz dosya adi index olsun. Belirtmek istedigim index’ten sonra yanina “.htm veya .html” yazisinin eklenerek hazirladigini< dökümanin bir HTML dökümani oldugunu belirtmektir. Yani bu islem sonucunda dosyanizin ismi örnegimize göre index.htm veya index.html olmasi gerekmektedir.

ILK HTML DÖKÜMANININ HAZIRLANMASI

Daha öncede söyledigim gibi HTML kodunu istediginiz yazim editöründe kullanabilirsiniz. Ancak benim kullandigim ve sizde önerdigim yazim editörü notpade veya not defteridir. Not defterini açmak için asagidaki yolu izleyin;

Baslat>Programlar>Donatilar>Not Defteri

Not defterimizi açtiktan sonra asagidaki HTML kodlarinin aynisini Not Defterine kopyala-yapistir yapmadan (eger bu anlatilanlari gerçekten ögrenmek istiyorsaniz lütfen kendiniz yazin!) kendiniz not defterine yazin.

Not defterinde yapmaniz gereken islem yukaridaki gibi bir görünüm kazandiktan sonra yani not defterinize yukaridaki kodlari yazdiktan sonra Not defterinde iken dosya menüsüne tiklayarak farkli kaydet’i seçin ve hazirladiginiz bu dökümani “ilk.htm“ seklinde kaydedin.
Simdi geldi kaydettiginiz bu dosyayi çalistirmaya. Kaydettiginiz dosyaya çift tiklayarak çalistirin. Görünüm su sekilde olmalidir ;

Simdi kodlari inceleyelim ;(Kodlar ile ayrintili bilgiye bu örnegin açiklamasindan sonra geçilecektir).

HTML ELEMANI
HTML, kodlarin en distaki elemanidir. Bu eleman metinin bir HTML dökümani oldugunu gösterir.

HEAD ve TITLE ELEMANLARI
HEAD elemani, dökümanin içerigi hakkinda bilgi verir. Bu bilgi dökümanin bir parçasi gibi Web Tarayicisindan (Internet Explorer veya Netscape) görünmez. Bunun tam aksine, TITLE içersindeki metin, Web Tarayicisi tarafindan gösterilir. TITLE arasin yazilan metin, sitenin basligini olusturur ve Windows ortamindaki HTML tarayicisilari basligi, pencereninn en üstünde ve sola yanasik gösterilir.

BODY ELEMANI
Bu eleman, HTML dökümaninin içersindeki tüm paragraflari listeler ve diger elemanlari içerir. Örnekte, BODY elemanindan sonra <h1> elemani en büyük fontlu basliktir ve <h1>....</h1> noktalar arasina yazilan metin en büyük fontta Web Tarayicisinda (Internet Explorer veya Netscape) gösterilir.

Dipnot: <h1> elemani içersindeki 1 rakaminin degeri arttikça font büyüklügü azalir. Yani not defterine su sekilde bir kod yazmis olsaydik yazmis oldugumuz metin <h1>...</h1> kodlari arasina yazilan metinden daha küçük görülecektir.
<h5>Yazilacak metin.</h5> (<h?>...</h?> kodlarindaki ?(soru isaretinin en büyük degeri 6’dir. Yani en küçük font degeri rakami 6’dir)).

STRONG ELEMANI
Bu kod arasina yazilan metin Web Tarayicisinda daha belirgin görünür.

BR ELEMANI
<br> elemaninin görevi, yazilan metinin bir paragraf alttan baslamasini saglamaktir. Hangi metinden sonra bir alt satira geçilecekse o metinin yanina sadece <br> yazilir.

Dipnot: <br> elemaninin kapanisi yoktur. Yani </br> diye bir sey yoktur. Kullanilirsa zaten bu kod yazimi hatali oldugundan tarayici bunu göz önüne almadan siradaki koddan yorumlamaya devam eder ve sonucu Web Tarayicisinda gösterir.

HTML KOMUTLARI - TAGLAR

Komutlarin açiklamasi su sekilde anlatilacaktir ;
Kullanimi, Içerdigi Elemanlar, Içerildigi Elemanlar, Sifatlari, Bloku (Hangi kodlar arsinda nasil kullanildigi) ve varsa Sifatlarinin açiklamalari...

<html> ELEMANI

Kullanimi : <html>......</html>
Içerdigi Elemanlar : head, body.
Içerildigi Elemanlar : Yok.
Sifatlari : Yok.
Bloku : <html>
<head>
...........
...........
</head>
<body>
.........
.........
</body>
</html>

<head> ELEMANI

Kullanimi : <head>....</head>
Içerdigi Elemanlar : title, isindex, base, nextid, link, meta.
Içerildigi Elemanlar : html
Sifatlari : Yok.

Head, dökümanin genel bilgisini içerir. Title disindakiler ekranda gösterilmez. Head elemani içerisinde bulunmasi zorunlu tek eleman <title>

Title: Dökümanin basligi.
Isindex: Dökümanin aranabilir, indeksli oldugunu isaret eder. Bos ve seçimliktir. Sunucu tarafindaki veri tabani aramalarinin sonuçlarini kullaniciya yönlendirmek için kullanilir.