Ebilgi

Html Nedir?

Html (Hyper Text Markup Language) , web siteleri hazırlamak için kullanılan bir dildir. Html öğrenmesi çok kolay ve zevkli bir dildir.  Html web sitelerinin olmazsa olmazı'dır. Web sitesi hazırlamak isteyen kişilerin ilk olarak öğrenmesi gereken dil HTML dili'dir.

Html web sitelerinin en temel yapı taşıdır. Tarayıcılar html etiketlerini kullanıcıya görüntülemez fakat sayfanın içeriğini oluşturmak için html etiketlerini kullanır ve kullanıcıya sayfanın içeriğini gösterir.

Html'in son sürümü olan HTML5 web sitesi oluşturmak için sayfanın başına <!DOCTYPE html> etiketi ile açılması gerekir.

Html Dilinin tarihsel gelişimi ise şu şekildedir:

  • 1991 yılında Html
  • 1994 yılında  Html 2
  • 1995 yılında Html 3
  • 1997 yılında  Html 3.2
  • 1999 yılında Html 4.0
  • 2000 yılında Xhtml 1
  • 2014 yılında Html 5

Html kodları nereye yazılır?

Html kodları herhangi bir metin belgesine yazılabileceği gibi özel olarak kullanılan editörlerde de kullanılabilir.

Html editörleri Dreamweaver, Sublime Text, Vim, Notepad++ gibi editörlerde de profesyonel olarak yazılabilir.

Html kodları etiketlerden oluşmaktadır. Html etiketi küçüktür (<) ve büyüktür  (>) işareti arasına yazılır. Html etiketini kapatırken ise / işareti kullanılır. İlk ve en önemli etiket ise html etiketidir. Html etiketi açılışı  <html>  , Kapanışı </html> ‘dir.  Başka bir etiket kullandığımızda <body> açılır, </body> şeklinde kapatılır. 

Html kullanırken en önemli etiketler  html, head, body ‘dir. Şimdi bu etiketleri kısaca açıklayalım:

  • Html : Html etiketi tüm web sitelerinde kullanılması gereken bir etikettir web sayfaları hazırlamamız için gereken etikettir. Tüm kodlar <html > … </html> etiketleri arasına yazılır.  <html> etiketi kodumuzun yazımına başladığımızı gösteren etikettir.  </html> etiketi ise kodumuzun bittiğini gösteren etikettir. 
  • Head:  Head etiketi hazırlayacağımız web sitesi ile ilgili bilgilerin bulunduğu  title (sayfa başlığı), web siteyi arama motorlarına ve tarayıcılara  tanıtmak amacıyla kullanılan meta etiketlerinin bulunduğu etikettir. <head> … </head> etiketleri arasına yazılır.  Daha sonra bu etiketi daha detaylı açıklayacağız.
  • Body: Body etiketi isminden de anlaşıldığı üzere gövdeyi oluşturur. Bu alanda yazdığımız tüm içerik tarayıcıda görüntülenir.  Kullanıcının göreceği tüm içerik <body> … </body> arasına yazılır.

Html kodları nasıl kaydedilir ?

Html kodlarının nasıl yazıldığını adım adım anlatalım.

  • Metin belgesini açıyoruz
  • Gerekli kodlarımızı yazdıktan sonra Dosya --> Farklı Kaydet diyoruz.
  • Dosya adı bölümüne vereceğimiz ismin sonuna .html yazarak kaydedebiliriz. Örneğin : azkod isimli bir html dosyası oluşturalım kodlarımızı metin belgesine yazdıktan sonra Dosya , Farklı kaydet diyoruz ve Dosya adı yazan bölüme azkod.html  yazarak kaydediyoruz.
  • Aşağıda bulunan kodları not defterine yazarak ilk html sayfanızı oluşturabilirsiniz.

Html ilk örnek :

<html>
<head>
<title>Html İlk örnek</title>
</head>

<body>

Merhaba HTML

</body>

</html>

Kodu Çalıştır

İlk dersimiz bitmiştir. Html nedir, nasıl kullanılır, kodları nereye yazılır, tarihsel gelişimi, nasıl kaydedilir gibi soruların cevaplarını vermeye çalıştık. Html ile ilgili tüm derslerimizi takip etmek için html dersleri yazısına tıklayabilirsiniz.

Sonraki Ders: Html Editörleri