Hiper Metin İşaretleme Dili (HTML, İngilizce HyperText Markup Language kelimelerinin baş harflerinin kısaltılmasıdır) web sayfalarını oluşturmak için kullanılan standart metin işaretleme dilidir.
Dilin son sürümü HTML5'tir.
 HyperText Markup Language | |
| İlk çıkışı | 1993) |
|---|---|
| Geliştirici | W3C ve WHATWG |
| Kararlı sürüm | Living Standard (2021) |
| Etkilendikleri | SGML |
| Etkiledikleri | XHTML |
| Platformu | Web |
| İşletim sistemi | Tümü |
| Lisans | Açık kaynak |
| Olağan dosya uzantıları | .html, .htm |
| Web sitesi | w3.org/html/, whatwg.org |
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: ). İşaretlenen metnin başını ve sonunu belirtmek için çoğunlukla çift olarak kullanılırlar (Örnek: Html: Işaretleme ve web programlama dili
HTML standartları W3C tarafından belirlenmektedir. HTML, "etiket" (İngilizce: tag) ismi verilen çeşitli öğeler kullanılarak oluşturulur. Aşağıdaki örnek bu etiketler kullanılarak yazılmıştır.
<html> <head> <title>Örnek Başlıktitle> head> <body> <p style="font-size:10px"><a href="http://tr.wikipedia.org">Özgür Ansiklopedia>p> body> html> 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.
1980 yılında 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 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.
<head>...head>
Belge başlığı da bu bölüme dahil edilmiştir, örneğin:
<head> <title>Başlıktitle> head> HTML başlıkları, <h1> - <h6> etiketleriyle yazılır. H1 en yüksek (veya en önemli) ve H6 en az olacak şekilde tanımlanır:
<h1>Başlık seviyesi 1h1> <h2>Başlık seviyesi 2h2> <h3>Başlık seviyesi 3h3> <h4>Başlık seviyesi 4h4> <h5>Başlık seviyesi 5h5> <h6>Başlık seviyesi 6h6> <p>Paragraf 1p> <p>Paragraf 2p> Satır sonları: <br>. <br> ve <p> arasındaki fark, <p> sayfayı paragraf olarak bölümlere ayırırken <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 paragrafp> 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> Bir kullanıcının aşağıdakiler gibi girişler verebilmesinin birçok yolu vardır:
<input type="text"> <input type="file"> <input type="checkbox"> Bu, HTML'deki butondur. Bir buton oluşturmak için <button> etiketi kullanılır.
<button>Click Me!button> HTML'de kullanılan çeşitli biçimlendirme öğeleri türleri vardır:
<h2>Golfh2> 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.'''kalın yazı''', 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 '''kalın''' hem de ''eğik'' durumunda, başka şeyler de vardır <strong>güçlü metinstrong> ve <em>vurgulanan metinem> 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.href özelliği bağlantının hedefini URL ayarlar. Örneğin, <a href="https://tr.wikipedia.org/">Vikipedia> HTML işaretlemesi, "Vikipedi 3 Temmuz 2008 tarihinde Wayback Machine sitesinde arşivlendi." köprüsü olarak uygulanır. Görüntüyü köprü olarak oluşturmak için <a> öğesine içerik olarak bir <img> öğesi eklenir. <br> gibi <img><a href="https://example.org"><img src="image.gif" alt="descriptive text" width="50" height="50" border="0">a>.This article uses material from the Wikipedia Türkçe article HTML, which is released under the Creative Commons Attribution-ShareAlike 3.0 license ("CC BY-SA 3.0"); additional terms may apply (view authors). Aksi belirtilmedikçe içeriğin kullanımı CC BY-SA 4.0 lisansı kapsamında uygundur. Images, videos and audio are available under their respective licenses.
®Wikipedia is a registered trademark of the Wiki Foundation, Inc. Wiki Türkçe (DUHOCTRUNGQUOC.VN) is an independent company and has no affiliation with Wiki Foundation.