Takip Edin

HTML

HTML Nedir, Ne Amaçla Kullanılır?

HTML, web sayfaları oluşturmak için kullanılan standart işaretleme dilidir.

  • HTML, bir web sayfasının iskeletini tanımlar.
  • Hyper Text Markup Language (Bağlantılı Metin İşaretleme Dili) kelimelerinin kısaltmasından oluşur.
  • Bir dizi eleman içerir ve bu elemanlar, tarayıcıya içeriği nasıl göstereceğini söyler.
  • HTML ögeleri, etiketlerle temsil edilir ve bu etiketler tablo, başlık, paragraf gibi içerik parçalarını nitelendirir.
  • Tarayıcılar, HTML etiketlerini göstermez ancak bu etiketleri sayfanın içeriğini işlemek için kullanır.

Aşağıda basit bir Html döküman örneği verilmiştir:

  • <!DOCTYPE html>, bu dökümanın HTML5 standardında olduğunu söyler.
  • <html> öğesi, bir HTML sayfasının temel elemanıdır.
  • <head> öğesi, döküman hakkında meta bilgileri içerir.
  • Meta öğeleri, genel olarak anahtar kelimeler, sayfa açıklaması, döküman yazarı gibi meta verilerini belirlemek için kullanılır.
  • <meta> etiketleri, daima <head> öğesinin içinde bulunmalıdır.
  • Bir HTML sayfasının doğru bir şekilde gösterilebilmesi için sayfada kullanılan karakter kümesinin web tarayıcısına tanıtılması gerekmektedir. Bu işlemin gerçekleşmesi için HTML dökümanında UTF-8 karakter kodlaması kullanılmıştır.
  • viewport, bir web sayfasının görünür alanıdır. Kullanılan cihaza göre değişkenlik gösterir(cep telefonu, tablet, PC…).
  • Bir <meta> viewport öğesi, tarayıcıya sayfanın boyutlarını ve ölçeklendirmesini nasıl kontrol etmesi gerektiği hususunda yönergeler verir.
  • width=device-width kısmı, kullanılan cihazın ekran genişliğini takip ederek sayfa genişliğini ayarlar.
  • initial-scale=1.0 kısmı; sayfa, tarayıcı tarafından ilk yüklendiğinde yakınlaştırma seviyesini ayarlar.
  • <title> öğesi, bütün HTML dökümanlarında gereklidir ve dökümanın başlığını tanımlar.
  • <body> ögesi, bir HTML dökümanının bütün içeriğini(resim, metin, tablo…) kapsar.
  • <h1> öğesi, sayfanın en önemli başlığını temsil eder.
  • <p> öğesi, paragrafı temsil eder.

HTML Etiketleri

HTML etiketleri, açılı ayraçlar tarafından çevrelenen öğe adlarıdır.

<etiket adı>içerik…</etiket adı>

  • HTML etiketleri, normalde <h1> … </h1> gibi çiftler halinde gelir.
  • İlk etiket başlangıç etiketi, ikinci etiket ise bitiş etiketi olarak adlandırılır.
  • Bitiş etiketi de başlangıç etiketi gibi yazılır ancak etiket adından önce eğik çizgi yerleştirilir.

Web Tarayıcıları

Bir web tarayıcısının(Opera, Safari, Chrome…) amacı, HTML dökümanlarını okumak ve onları görüntülemektir.

Tarayıcılar HTML etiketlerini görüntülemez ancak bu etiketleri belgenin nasıl gösterileceğini belirlemek için kullanır.

Basit Bir HTML Dökümanı

HTML Sayfa Yapısı

HTML Sayfa Yapısı

Bir tarayıcıda yalnızca body bölümünün içerisindeki içerik(yukarıdaki resimde bulunan beyaz alan) görüntülenir.

Devamını oku

Popüler

error: Content is protected !!