HTML, Hyper Text Markup Language ifadesinin kısaltmasıdır. HTML’i öğrenmenin en iyi yolu deneme-yanılma yolu ile, yaptıklarınıza bakarak ve internetteki güzel sayfaların kodlarını inceleyerek olur. Neyin nerede, nasıl kullanıldığını en iyi böyle anlarsınız. HTML’de sayfalar tag dediğimiz kodlar kullanılarak yazılır. Browser(tarayıcı) “<” ve “>” işaretleri arasındaki herşeye komut damgası vurur. Yani bütün komutlar “<” ve “>” işaretleri arasında olur. HTML ile statik web sayfaları oluşturabilirsiniz. HTML sayfaları .html veya .htm uzantılı olur.
Komutları Öğrenmeye Başlıyoruz
Bir web sayfası <html> ile başlar, </html> ile biter.
<html> <head> <title>Buraya sitenin adı yazılır</head> </head> <body>Burayı daha sonra dolduracağız. Sitenizde olması gereken herşey burada yer alacak.</body> </html>
<HEAD> </HEAD>
Sitemizin adının yer aldığı title’ın, arama motorlarında bulunmanızı kolaylaştıracak meta tagların bulunduğu yerdir. Sitede birçok şeyi, yazıların biçimlerini, büyüklüklerini, renklerini belirleyip işimizi epey kolaylaştıran CSS ler de buraya yazılır. Ayrıca javascript kodlarıda burya yazılır.
<TITLE> </TITLE>
Her sitenin bir adı olması gerekir. Sitelerin adı bu iki tag arasına yazılır.
<BODY> … </BODY>
Burası web sayfanızda olmasını istediğiniz yazı ve resim vb. herşeyin bulunduğu bölümdür.
<body backgroun="arka.jpg" bgcolor="seablue" leftmargin="0" topmargin="0" alink="blue" link="green" vlink="darkgreen" text="darkblue">
background: Background içine tanımlayacağımız resim dosyası sayfanın arkaplan resmi olacaktır.
bgcolor: bgcolor ile sayfamızın arkaplan rengini ayarlarız. Burada rengin ingilizce ismini veya rengin hex(hexadecimal) değerini kullanabiliriz. Rengin ismi yerine hex kodunu kullanmak daha avantajlıdır.çünkü her rengin ismi olmaz. Kendi ayarladığınız rengi bu şekilde girersiniz. Bu renk girilen bütün taglarda geçerlidir. Mesela beyazın hex kodu #FFFFFF, siyahın #000000’dır. Hex kodu rakamlar ve harflerden oluşur. Harfin büyük yada küçük halini kullanabilirsiniz.
leftmargin: Sayfanın tarayıcıda sol taraftan bırakılan boşluğun kaç piksel olacağını belirlemek için kullanılır.
topmargin: Sayfada yukarıdan kaç piksel boşluk olacağını belirlemek için kullanılır.
alink: Aktif link rengini belirtir.
link: Link rengini belirlemek için kullanılır.
vlink: Sayfada daha önce ziyaret edilmiş linklerin rengini belirlemek için kullanılır.
text: Sayfadaki standart yazıların rengini belirlemek için kullanılır.
