HTML Nedir?

Merhaba, bugünkü yazımızda HTML (Hyper Text Markup Language) Nedir? Sorusunu cevaplayacağız.

Html, Türkçe olarak Hiper Metin İşaretleme Dili’dir. Web sayfaları oluşturmak için kullanılan Metin işaretleme diline denir. En son sürümü HTML5 olarak geçmektedir.

HTML Logosu

HTML, bir programlama dili olarak tanımlanamaz. Zira HTML kodlarıyla kendi başına çalışan bir program yazılamaz. Ancak bu dili yorumlayabilen programlar aracılığıyla çalışabilen programlar yazılabilir.

Programlama dili denilememesinin nedeni tam olarak budur. Temel gereği yazı, görüntü, video gibi değişik verileri ve bunları içeren sayfaları birbirine basitçe bağlamak, buna ek olarak söz konusu sayfaların web tarayıcısı yazılımları tarafından düzgün olarak görüntülenmesi için gerekli kuralları belirlemektir. HTML kodunu web tarayıcıları okur, yorumlar ve görsel hale dönüştürürler, dolayısıyla aynı HTML kodunun farklı tarayıcılarda farklı sonuç vermesi olasıdır. CSS ve JavaScript ile beraber kullanıldığında HTML vasıtasıyla görsel ve dinamik web siteleri yaratılabilir.

Kod yapısı

Küçüktür ve büyüktür işaretleri arasına yazılan HTML komutları kullanılarak yazılır (ör: <html>). İşaretlenen metnin başını ve sonunu belirtmek için çoğunlukla çift olarak kullanılırlar (Örnek: <h1>Selam</h1>) ancak işaretlemek yerine metnin bir yerine bir işaret konacaksa tek olarak da kullanılabilirler (Ör: <img>).

<html>
  <head>
    <title>DEU YBS</title>
  </head>
  <body>
    <p style="font-size:10px">
      <a href="http://ybs.deu.edu.tr">
         DEU YBS
      </a>
    </p>
  </body>
</html>

HTML içerisinde kullanılan Elemanlar:

Html içerisinde belgemizin Başlığı, yani <title></title> kafa denen yapının; yani, <head> </head> içerisine gömülmüştür. Bu da şöyle görünür;

<head>
  <title>Başlık</title>
</head>

Bu başlıklar ile diğer başlıkları karıştırmamak gereklidir. HTML içerisinde 6 adet başlık elemanı bulunur. h1 … h6'ya kadar gider.

<h1>Başlık seviyesi 1</h1>
<h2>Başlık seviyesi 2</h2>
<h3>Başlık seviyesi 3</h3>
<h4>Başlık seviyesi 4</h4>
<h5>Başlık seviyesi 5</h5>
<h6>Başlık seviyesi 6</h6>

Bu başlıklar ve diğer tüm elemanların en önemli olduğu konu aslında SEO’dur. Ona da ayrı bir yazıda değineceğiz. Tüm başlıkları doğru kullanırsanız Arama motorlarında görünür olursunuz.

Diğer HTML Elemanları:

Paragraflar:

<p>Paragraf 1</p> <p>Paragraf 2</p>

Linkler:

<a href="https://ybs.deu.edu.tr/">YBS bağlantısı!</a>

Bu, HTML’deki bir bağlantıdır. Bir bağlantı oluşturmak için ​<a>​ etiketi kullanılır. href özelliği bağlantının URL adresini tutar.

Get YBS Web’s stories in your inbox

Join Medium for free to get updates from this writer.

Remember me for faster sign in

Girişler:

Bir kullanıcının aşağıdakiler gibi girişler verebilmesinin birçok yolu vardır:

<!-- Bu metin girişi içindir -->
<input type="text">
<!-- Bu dosyaları yüklemek içindir -->
<input type="file">
<!-- Bu onay kutuları içindir -->
<input type="checkbox">

Yorumlar:

<!-- Bu bir yorum -->

Bunlar yalnızca bazı HTML öğeleri. Bunlar gibi çok fazla eleman bulunmaktadır.

Bunlar için https://developer.mozilla.org/en-US/docs/Web/HTML

ya da, https://www.w3schools.com/html/default.asp kaynaklarına bakabilirsiniz. Bir sonraki yazımız için bizi takip etmeyi unutmayın…