HTML

**[[Hiper metin|Hiper Metin]] [[İşaretleme dili|İşaretleme Dili]]** (**HTML**, İngilizce **''H**yper**T**ext **M**arkup **L**anguage* kelimelerinin baş harflerinin kısaltılmasıdır) web sayfalarını oluşturmak için kullanılan standart [[İşaretleme dili|metin işaretleme dilidir]]. Dilin son sürümü [[HTML5]]'tir.

HTML, bir programlama dili olarak tanımlanamaz. Çünkü HTML kodlarıyla kendi başına çalışan bir program yazılamaz. Fakat 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.

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

== Örnek bir HTML kodu ==

HTML standartları [[World Wide Web Consortium|W3C]] tarafından belirlenmektedir. HTML, "etiket" () ismi verilen çeşitli öğeler kullanılarak oluşturulur. Aşağıdaki örnek bu etiketler kullanılarak yazılmıştır.

<syntaxhighlight lang="html4strict">
<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> 
</syntaxhighlight>

Bu kodun ekran çıktısı "Özgür [[Ansiklopedi]]" yazısı şeklinde olur ve yazı [[Vikipedi]] genel sayfasına köprü görevi görür.

== Tarihi ==
1980 yılında [[Avrupa Nükleer Araştırma Merkezi|CERN]]'de görevli olan [[Tim Berners-Lee]], CERN araştırmacılarının bilgilerini ve dokü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|Tim Berners Lee]] attı. 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 ağın başlıca temelini oluşturmuştur.

=== Eleman örnekleri ===

==== HTML belgesinin başlığı ====


Belge başlığı da bu bölüme dahil edilmiştir, örneğin:<syntaxhighlight lang="html4strict">
<head>
  <title>Başlık</title>
</head>
</syntaxhighlight>

==== Başlıklar ====
HTML başlıkları,  -  etiketleriyle yazılır. H1 en yüksek (veya en önemli) ve H6 en az olacak şekilde tanımlanır:
<syntaxhighlight lang="html4strict">
<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>
</syntaxhighlight>

==== Paragraflar ====
<syntaxhighlight lang="html4strict"><p>Paragraf 1</p> <p>Paragraf 2</p></syntaxhighlight>
Satır sonları: .  ve  arasındaki fark,  sayfayı [[paragraf]] olarak bölümlere ayırırken  öğesi bir *boş eleman''dır, çünkü nitelikleri olmasına rağmen hiçbir içerik alamaz ve bir bitiş etiketi olmayabilir.

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


#### Bağlantılar
Bu, HTML'deki bir bağlantıdır. Bir bağlantı oluşturmak için  etiketi kullanılır. `href` özelliği bağlantının URL adresini tutar.

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


#### Girişler
Bir kullanıcının aşağıdakiler gibi girişler verebilmesinin birçok yolu vardır:
```html5
<input type="text">

<input type="file">

<input type="checkbox">
```


##### Butonlar
Bu, HTML'deki butondur. Bir buton oluşturmak için  etiketi kullanılır.
```html4strict
<button>Click Me!</button>
```


#### Yorumlar

```html4strict

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

HTML'de kullanılan çeşitli biçimlendirme öğeleri türleri vardır:
;Yapısal işaretleme metnin amacını gösterir: Örneğin,  ikinci düzey bir başlık olarak "Golf" kurar. Yapısal işaretleme belirli bir oluşturmayı göstermez, ancak çoğu web tarayıcısının öğe biçimlendirmesi için varsayılan stilleri vardır. İçerik CSS kullanılarak daha fazla şekillendirilebilir.
;Sunum biçimlendirmesi, amacına bakılmaksızın metnin görünümünü gösterir: Örneğin, , görsel çıkış aygıtlarının kalın yazı ile "kalın yazı" oluşturması gerektiğini belirtir, ancak bunu yapamayan cihazların (metni yüksek sesle okuyan işitsel cihazlar gibi) ne yapması gerektiği konusunda çok az bilgi verir. Hem  hem de  durumunda, başka şeyler de vardır  ve  gibi, eşdeğer görsel renderlere sahip öğeler vurgulanan metin. Bir işitsel kullanıcı aracısının son iki unsuru nasıl yorumlaması gerektiğini görmek daha kolaydır. Bununla birlikte, sunumsal muadillerine eşdeğer değildir: örneğin bir ekran okuyucusunun bir kitabın adını vurgulaması istenmez, ancak ekranda böyle bir ad eğik olur. Sunum biçimlendirme öğelerinin çoğu stil için CSS kullanılması lehine HTML 4.0 spesifikasyonu altında kullanımdan kaldırılmıştır.
;Köprü metni işaretleme, bir belgenin bölümlerini diğer belgelere bağlantılar haline getirir: Bağlantı öğesi belgede hiperlink oluşturur ve `href` özelliği bağlantının hedefini URL ayarlar. Örneğin,  HTML işaretlemesi, "Vikipedi " köprüsü olarak uygulanır. Görüntüyü köprü olarak oluşturmak için  öğesine içerik olarak bir  öğesi eklenir.  gibi ``, nitelikleri olan, ancak içeriği veya kapanış etiketi olmayan boş bir öğedir. .

## Kaynakça