HTML (Hyper Text Markup Language) web sayfalarinin hazirlanmasinda kullanilan dildir. Bir web sayfasi resim gibi degildir. Sayfanin arkasinda ilk bakista anlamakta zorlanacagimiz komutlar bulunmaktadir. Bu komutlar sayfa içinde bulunan herseyin nasil gösterilecegini kullanilan browsere anlatmak için kullanilir. Yani sayfada bulunan resim, flash, yazi gibi materyallerin yanyana anlasilir görünmesi için HTML kullanmak zorundayiz.
Amatör veya profesyonel olarak web tasarim ile ugrasanlar HTML ile mutlaka tanismislardir. HTML yazma isini bizim yerimize yapan programlar (Frontpage, Dreamweaver, Namo v.b.) var ve birazda HTML bilgisi ile kolaylikla kendi sitelerimizi yapabiliriz.
HTML üç kisimdan olusur. Bunlar;
1. 1. <html> ; Ana bloktur.Tüm html dosyalari "<html> </html>" arasinda yer alir.
2. 2. <head> ; Tanimlamalar yani kullanicinin browserde görmedigi bölümdür. Bu kisimda site ile ilgili açiklamalar, arama motorlari için anahtar kelimeler, site basligi, CSS ve javasciptler gibi bölümler bulunur.
3. 3. <body> ; Sayfa üzerinde görülecek herseyin yazildigi bölümdür. Yani sayfa içeriginin baslangiç ve bitis blogu denebilir.
HTML komutlarinin yazilisi;
Html komutlari onu yorumlayan browserin anlamasi için etiketler kullanilarak yazilir. Bu etiket
" < komut1 > yazi < / komut1 > " seklindedir. Mesela yazilari kalin yazmak için;
<b> merhaba </b>
kullanilir.Burada < > isaretleri arasindaki "b" bold (kalin) yazi için kullanilan bir html komutudur. Ayni sekilde bu yaziyi kalin ve kirmizi renkte yapmak istersek;
<font color="red"><b> Merhaba </b></font>
yazmamiz gerekir. Burada dikkat etmemiz gereken nokta font etiketinin içinde bulunan color="red" bölümüdür. Eger bir yaziya herhangi bir özellik vermek istersek font etiketini kullanip içerisinde özellikleri belirtmeliyiz. Merhaba yazisinin fontunu verdana yapmak istersek
<font color="red" face="verdana"> yazmamiz gerekirdi.
Şimdi basit bir html dosyasinin yapisini ve en çok kullanilan HTML etiketlerini açiklayalim.
*******************************************************************
<html> //html dosyasinin basladigini belirtir.
<head> //tanimlamalarin basladigi yerdir.
<title>Sayfa basligi</title> //browserin üst çubugunda görünen site basligi
<META content="Bu bir web sayfasidir" name=description> //site hakkinda açiklama
</head> //tanimlamalarin bittigi yerdir.
<body> //sitenin içerik kismi
<font face="tahoma" size="3" color="blue"> okudugunuz bu cümle 3 punto, mavi renkte ve tahoma fontuyla yazilmistir. Ayrica altta bir tane resim bulunmaktadir. </font>
<img src="resim_adi.gif">
</body> //içerigin bittigi anlamindadir.
</html> //html dosyasinin bittigini belirtir.
*******************************************************************
Basit html etiketleri;
* <br> ; Satir sonu komutu.Alt satira geçmek için kullanilir.
* <b> ; Yaziyi bold (kalin) yapmak için kullanilir. </b> ile biter
* <i> ; Yaziyi italik (egik) yapmak için kullanilir. </i> ile biter
* <u> ; Alti çizgili yazi yazmak için kullanilir. </u> ile biter
* <h1> ; Baslik etiketi. 1 rakami büyüdükçe yazi küçülür. </h1> ile biter
* <a> ; Link vermek için kullnilir. </a> ile biter, kullanimi;
<a href="http://www.google.com.trl"> Tiklayin </a> seklindedir. Ekrana sadece "Tiklayin" yazisi çikar ve tiklayincawww.google.com.trl adresine gider.
* <img>; Resim eklemek için kullanilir.Kullanimi;
<img src="dosya_adi.gif"> seklindedir.
* <center>; Nesneyi ortalamak için kullanilir.Kullanimi;
<center>buraya yazi yada resim ekleyebiliriz.</center>