Basit HTML Bilgisi

| 24 Aralık 2011 | Hiç yorum yok

Merhaba, bu makalemizde, basit olarak HTML üzerine değineceğiz. HTML, web sayfalarını oluşturan dokümanların temel taşıdır, HyperText Markup Language (Hiper Metin İşaretleme Dili) kelimelerinin baş harflerinin bir araya gelmesinden oluşur. HTML, SGML işaretleme dilinin bir alt versiyonudur, 1990 yılında World Wide Web in mucidi Sör Tim Berners-Lee tarafından geliştirilmiştir. HyperText sistemi, yine Tim Berners-Lee tarafından geliştirilen ve CERN (Avrupa Nükleer Araştırma Merkezi) de hazırlanan ENQUIRE projesine dayanır.

HTML, etiketler (örneğin <html>) kullanılarak yazılan bir dildir. genel olarak  HTML etiketleri açılış ve kapanış şeklinde çiftli gelirler. Tek başina kullanılan HTML etiketleride vardır (örnegin <img>). Web sayfaları bu etiketlerin arası doldurularak oluşturulur. HTML etiketleri çeşitli görevleri yerine getirirler. Bazıları sadece yazılan dökümanın etiketlenmesi ile alakalıdır, bazıları dokümanın şeklini bazıları ise yazılan içeriğin şekli ile alakalıdır.

Web tarayıcıları, bu etiketleri direkt olarak göstermez, döküman içindeki etiketleri standartlar dahilinde yorumlayarak, web sayfasını görsel hale getirirler. Web sayfaları, resim, müzik veya video içerebilir. Yalıkın zamanda gelişen Javascript ve HTML5 ile standartlaşan SVG imkanı sayesinde HTML içine Vektör grafik ve animasyonda eklenebilir hale gelmiştir.

Yazılım Biçimi

<!DOCTYPE html>
<html>
  <head>
    <title>Maraba Televole</title>
  </head>
  <body>
    <p>İşte ben geldim!</p>
  </body>
</html>

Yukarıdaki örnekte, <html> ve </html> etiketleri arasında kalan bölge web sayfasını tanımlar. <head> ve </head> arasındaki bölge dökümanın tanımlanması, varsa css ve javascript dosyalarının eklenmesi için kullanılır. <body> ve </body> arasındaki alan ise görülebilir sayfa içeriğini taşır. Tarayıcının sekmesindeki başlık ise <header> </header> içindeki <title>ve</title> arasında belirlenir.

Bunların dışında yazılan dökümanın tipini belirten ve sayfanın en başında yer alan <doctype> etiket vardır. Bu etiketin genel işlevi, tarayıcının içindeki HTML yorum motorunu, yüklenen sayfaya konusunda bilgilendirmeye çalışır (ve genelde başarısız olur, özellikle İnernet Explorer in eski sürümlerinde).

Gevşek Dizilim

Yukarıdaki örneği,

<!DOCTYPE html>
<html><head><title>Maraba Televole</title></head>
  <body><p>İşte ben geldim!</p></body>
</html>

 

veya

 

<!DOCTYPE html>
<html>
  <head>
    <title>Maraba Televole</title>
  </head>
  <body>
<p>
 
İşte
ben
geldim!
</p>
  </body>
</html>

Şeklinde kullansanız bile, tarayıcılar aynı çıktıyı vereceklerdir. HTML kaynak kodu üzerinde yaptığınız bu düzenlemeler, sadece kaynak kodun görüntüsünü değiştirir. Tarayıcılar dökümanı içindeki etiket ve doküman versiyonuna göre yorumlarlar.

Bunun yanı sıra, HTML diziliminde yapacağınız hatalar, genelde sayfanın bozuk görünmesine yol açar. Bir önceki yazımızda belirttiğimiz Firefox eklentileri bu tür hataları bulup düzeltmenizde yardımcı olur.

Kategori: Web Programlama

Yazar Hakkında (Yazar Profili)

Yorumlar (0)

Geri izleme adresi | Yorum RSS Beslemesi

There are no comments yet. Why not be the first to speak your mind.

Yanıt bırakın

Spam Protection by WP-SpamFree

«
»