HTML nedir?
Herşeyden önce bazen yanlış anlaşıldığı gibi HTML
web tasarım bir programlama dili değildir. HTML bir
mark-up (~işaretleme) dilidir, yani tag denen özel işaretlerle bir yazının tümünü ya da sadece
bir kısmının görünümünü ve/veya işlevini değiştirmeye yarar. Örneğin herhangi bir tag
olmadan default yazı tipinde görünen bir yazı, HTML içinde önüne ve arkasına <I> ve </I>
işaretleri gelince bu şekilde italik görülür.
HTML tag'leri
HTML tagleri bir çok farklı şekilde sınıflandırıalabilir. Bir sınıflandırma şu şekildedir:
1. Bir açma bir de kapama tag'inden oluşan container tag'leri,
2. Tek başına bulunan tag'ler.
Örnek olarak, ilk gruptan <B>Kalın yazı</B>
ikinci gruptansa <HR>
HTML Dökümanlarının Yapısı:
Bir HTML dökümanı genel olarak
seo (istisnaları vardır) aşağıdaki şekildedir:
<HTML>
<HEAD>
<!-- Head elemanlary -->
Burada genelde döküman içeriği dışında kalan karakter set
tanımlamaları, başlık, JavaScript tanımlamaları vb elemanlar
bulunur...
</HEAD>
<BODY>
<!-- Body elemanları -->
Burada ise dökümanın asıl içeriği vardır, içinde metin, ses,
video vb içerebilir...
<BODY>
</HTML>
Örnek :
<HTML>
<HEAD>
<META HTTP-EQUIV="Content-Type"
organik seo CONTENT="text/html;CHARSET=iso-
8859-9">
<META NAME="GENERATOR" Content="Visual Page 1.1 for Windows">
<META NAME="Author" Content="Cüneyt YILMAZ">
<META NAME="Keywords" Content="deneme, learning HTML, dummy
document">
<TITLE>İlk HTML Dökümanı</TITLE>
</HEAD>
<BODY TEXT="#333333" BGCOLOR="White" LINK="Navy" VLINK="#006600"
ALINK="#009999" BACKGROUND="resim.jpg">
<H1> Güzelinden bir başlık atalım <H1>
Bu birlikte inceleyeceğimiz ilk HTML dökümanı.<BR>
İçeriği şimdilik önemli olmasa da ona da sıra gelir :)<BR>
Bu satırın 2 altında bazı sayılar olmalı, acaba öyle mi?
298 93 00
<HR>
Hemen üstümde şirin bir çizgi var.
</BODY>
</HTML>
Yukarıdaki kodun ilk satırı SGML (HTML'in atası) sözdizimine göre aşağıdaki satırların bir
HTML 3.2 dökümanı olduğunu belirtmektedir, genelde ihmal edilebilir, ancak Internet
üzerinde bazı HTML validator (sözdizimini kontrol eden programlar) tarafından
kullanılır ve eğer kullanılmazsa dökümanın HTML 2.0'a uygun olduğu varsayılır.
2. satırda bir HTML açıklaması vardır.
seo çalışması HTML commentleri <!-- ile başlar ve --> ile biter.
Bu iki tag arasında kalan bütün yazılar browser tarafından ihmal edilir (JavaScript hariç,
ileride bu konuya geri dönülecektir).
3. satırda dökümanımız resmi olarak açılmış bulunmakta.
4. satırda browser'ın dökümanı gösterirken işine yarayabilecek bazı bilgiler vb elemanların
bulunduğu HEAD kısmı açılmaktadır.
5. satırda dökümanın render edilirken (mizanpajının yapılıp ekrana dökülürken) kullanılacak
karakter seti verilmektedir. Sık kullanacağımız setler ISO-8859-1 (Latin1) ve ISO 8859-9
(Türkçe)'dur. Bazı Windows programlarının (isimleri lazım değil) kullandığı bir set ise
standart olmayan Windows-1254 (Unix'te görüntülenemeyen bir Türkçe)'dür.
6. satırda döküman hazırlanırken hangi HTML editörünün kullanıldığı yazmaktadır.
7. satırda dökümanı hazırlayan kişinin ismi vardır.
8. satırda daha çok AltaVista, HotBot gibi bazı arama makinelerinin kullandığı bir bilgi
bulunmaktadır. Sözgelimi AltaVista'da arama yapan birinin sizin dökümanınıza ulaşmasını
istiyorsanız, verebileceği anahtar kelimeleri burada tanımlarsınız.
9. satırda döküman gösterilirken browser'da pencerenin başlığı olarak ne görüleceği bilgisi
vardır. Bu bilgi ayrıca sayfanızı bookmark'ına (Navigator) ya da favorites'ine (Explorer)
ekleyen kişilerde görülecek olan isimdir.
10. satırda HEAD kısmı kapanmaktadır.
11. satırdan itibaren dökümanın içeriği hemen hemen başlamaktadır. Burada sayfanın
görüntülenirken ana görünümün nasıl olacağı belirlenir. BODY'den sonra gelen 5 eleman
sırasıyla şunları ifade eder:
· Düz metin rengi
· Arka fon rengi
· Ziyaret edilmemiş linklerin rengi
· Ziyaret edilmiş linklerin rengi
· Fareyle link'e tıklandığı andaki (düğme halen basılıken) link'in rengi
· Arka fonda kullanılacak olan resim
Burada renkleri verirken 2 tip gösterim kullandık, #RRGGBB ve Renk_İsmi. #RRGGBB,
hexedecimal olarak 2şer bayttan Kırmızı, Yeşil ve Mavi bileşenleri verir. Örneğin saf kırmızı
#FF0000, camgöbeği #00FFFF'dir. Diğer gösterim daha kolaydır ve HTML standardında
bulunan 16 (Navigator için yüze yakın) renkten birini verir. White, Blue, Gold gibi bir çok
renk bulunmaktadır.
Arka fonda resmin kullanıldığı ve tabii ki kullanıcıda gösterilebilen bir resmin olduğu
dökümanda arka fon renginin işi ne? Internet'e bağlı kullanıcıların bir kısmı hatları yavaş
olduğu için resimleri otomatik yüklemezler. Böyle bir durumda dökümanınızın istediğinize en
yakın görülebilmesi ve, bazen olduğu gibi siyah üstüne siyah yazan, yani boş gibi görünen bir
sayfayla karşılaşmamaları için verilmesi tavsiye edilir.