HTML Nedir? HTML5 Kullanımı

HTML 5

Hiper Metin İşaretleme Dili (Hypertext Markup Language) web sayfalarını oluşturmak için kullanılan standart metin işaretleme dilidir. Dilin son sürümü HTML5’tir. 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 oluşturulabilir.

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>).

Örnek bir HTML kodu

HTML standartları W3C tarafından belirlenmektedir. HTML, “etiket” (İngilizce: tag) ismi verilen çeşitli elemanlar kullanılarak oluşturulur. Aşağıdaki örnek bu etiketler kullanılarak yazılmıştır.

<html>
<head>
<title>örnek başlık</title>
</head>
<body>
<p style=”font-size:10px”><a href=”http://tr.wikipedia.org”>Özgür Ansiklopedi</a></p>
</body>
</html>

 

Tarihi

1980 yılında CERN‘de görevli olan Tim Berners-Lee, CERN araştırmacılarının bilgilerini ve dökümanlarını birbirleriyle paylaşabilmeleri için bir sistem olması gerektiğine inanıyordu. Bu yüzden prototip olarak ENQUIRE isimli sistemi önerdi. 1989 yılına gelindiğinde internet tabanlı sistemin ilk temellerini yine aynı isim Tim Berners Lee attı.[1] 1990 yılında HTML işaretleme dilini geliştirmesinden sonra World Wide Web(WWW) sistemini kurmuştur. Bu şekilde CERN’de bilgi paylaşımını kolaylaştırma amacı doğrultusunda ortaya çıkan HTML günümüzde hayatımızın vazgeçilmezi olan webin başlıca temelini oluşturmuştur.

 

HTML Etiketlerine Örnekler:

HTML belgesinin başlığı: ​<head>…</head>​. Başlık, kafaya dahil edilmiştir, örneğin:

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

Başlıklar: HTML başlıkları, ​<h1>​ – ​<h6>​ etiketleriyle H1 en yüksek (veya en önemli) olacak şekilde tanımlanır seviye ve H6 en az:

<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>

Paragraflar:

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

Satır sonları: ​<br>​. ​<br>​ ve ​<p>​ arasındaki fark, br öğesinin, p sayfayı paragraf olarak bölümlere ayırır. br öğesi bir boş elemandır, çünkü nitelikleri olmasına rağmen hiçbir içerik alamaz ve bir bitiş etiketi olmayabilir.

<p>Bu <br> satır sonları <br> olan <br> bir paragraf</p>

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.

<a href=”https://www.wikipedia.org/”>Vikipedi bağlantısı!</a>

Form Öğeleri:

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

1 <input type=”text” /> <!– Bu metin girişi içindir –>
2 <input type=”file” /> <!– Bu dosyaları yüklemek içindir –>
3 <input type=”checkbox” /> <!– Bu onay kutuları içindir –>

Yorumlar:

<!– Bu bir yorum –>

Yorumlar, işaretlemenin anlaşılmasına yardımcı olabilir ve web sayfasında görüntülenmez.

Yukarıdaki örnekler HTML kullanımına yönelik örneklerdir. Güncel ve kapsamlı örnekleri bulabileceğiniz, bunun yanında uygulama imkanı da sağlayan w3schools  sitesini incelemenizi tavsiye ederim.

Kaynakça
https://tr.wikipedia.org/wiki/html

https://www.w3schools.com/html