HTML, İngilizcede HyperText Markup Language ifadesinin kısaltmasıdır ve Türkçede Hiper Metin İşaretleme Dili olarak bilinir. Web sayfalarının temel yapısını oluşturmak için kullanılan standart işaretleme dilidir. Yaygın bir yanlışı en başta belirtmek gerekir: HTML bir programlama dili değildir. Çünkü HTML koşullar, döngüler veya hesaplama mantığıyla çalışan bir dil değil; web sayfasındaki içeriklerin yapısını ve anlamını etiketler aracılığıyla tanımlayan bir işaretleme dilidir.
Chrome, Firefox, Safari, Edge ve benzeri tarayıcılar HTML dokümanlarını okuyarak web sayfasının temel yapısını oluşturur. Başlıklar, paragraflar, bağlantılar, listeler, tablolar, görseller, formlar ve video gibi içerikler HTML etiketleriyle tanımlanır. Ancak HTML tek başına bir web sayfasının tüm görsel tasarımını veya davranışını belirlemez. Sayfanın renkleri, yazı tipleri, boşlukları ve yerleşim düzeni çoğunlukla CSS ile; tıklama, form kontrolü, dinamik içerik ve etkileşimler ise JavaScript ile yönetilir.
HTML kodu yazmak için özel bir yazılım kurmak zorunlu değildir. Not Defteri, Visual Studio Code, Sublime Text veya benzeri bir metin editörüyle HTML dosyası oluşturulabilir. Ancak Word gibi zengin metin editörleri HTML yazmak için ideal değildir, çünkü dosyanın içine görünmeyen biçimlendirme bilgileri ekleyebilir. HTML dosyalarının genellikle .html veya .htm uzantısıyla kaydedilmesi gerekir. XHTML ise HTML’e benzeyen, daha sıkı XML kurallarına dayanan ayrı bir yazım biçimidir.
HTML, etiketlerden oluşur ve bu etiketler çoğu zaman açılış ve kapanış etiketi şeklinde kullanılır. Örneğin bir paragraf oluşturmak için <p>Bu bir paragraftır.</p> yazılabilir. Burada <p> etiketi paragrafın başladığını, </p> etiketi ise paragrafın bittiğini gösterir. Bazı HTML etiketleri ise kapanış etiketi gerektirmez. Örneğin görsel eklemek için kullanılan <img> etiketi bu tür etiketlerden biridir.
HTML dokümanlarında Türkçe karakterler kullanılabilir. Ancak bunun doğru görüntülenebilmesi için sayfada karakter setinin tanımlanması gerekir. Modern HTML sayfalarında genellikle <meta charset="UTF-8"> etiketi kullanılır. Bu tanım sayesinde ç, ğ, ı, ö, ş, ü gibi Türkçe karakterler tarayıcıda doğru şekilde gösterilebilir. HTML etiket adları ise standart olarak İngilizce ve belirli kurallara göre yazılır. HTML etiketleri büyük veya küçük harfle yazılabilse de modern kullanımda küçük harf tercih edilir.
Bir HTML sayfası genellikle <!DOCTYPE html> bildirimiyle başlar. Bu ifade, tarayıcıya dokümanın HTML5 standardına göre yazıldığını bildirir. Ardından tüm sayfa yapısını kapsayan <html> etiketi gelir. HTML dokümanı temelde iki ana bölümden oluşur: <head> ve <body>. Bu bölümler, sayfanın hem teknik bilgilerini hem de kullanıcıya gösterilecek içeriklerini organize eder.
<head> etiketi, sayfa hakkında tarayıcıya ve arama motorlarına bilgi veren alanları içerir. Bu bölümde sayfa başlığı, meta açıklamalar, karakter seti, CSS dosyaları, favicon bağlantıları ve bazı teknik tanımlar yer alabilir. <head> içindeki bilgiler genellikle doğrudan sayfa üzerinde görünmez. Ancak SEO, tarayıcı davranışı, sosyal medya paylaşım önizlemeleri ve sayfa performansı açısından önemli olabilir.
<body> etiketi ise kullanıcının web sayfasında gördüğü ana içerik alanını temsil eder. Başlıklar, paragraflar, görseller, bağlantılar, butonlar, formlar, tablolar, videolar ve diğer görünür içerikler genellikle <body> içinde yer alır. Bu nedenle bir web sayfasının kullanıcıya sunulan esas içeriği body alanında bulunur. Örneğin bir sayfanın ana başlığı, açıklama metni ve ürün görselleri bu bölümde tanımlanır.
HTML’de başlıklar için <h1> ile <h6> arasında değişen heading etiketleri kullanılır. <h1> genellikle sayfanın ana başlığını temsil ederken, <h2>, <h3> ve diğer başlık etiketleri alt başlık yapısını oluşturur. Bu etiketler yalnızca yazı boyutunu belirlemek için değil, içerik hiyerarşisini göstermek için de kullanılmalıdır. Örneğin <h1>Birinci Başlık</h1> kullanımı, sayfadaki ana başlığı tanımlamak için uygundur.
HTML, arama motorlarının web sayfasını anlamasına da yardımcı olur. Doğru kullanılan başlık etiketleri, bağlantılar, görsel alt metinleri, liste yapıları ve semantik HTML etiketleri, sayfanın içeriğini daha anlaşılır hale getirir. Ancak HTML tek başına SEO başarısı sağlamaz. İçerik kalitesi, teknik SEO, sayfa hızı, mobil uyumluluk, iç bağlantılar ve kullanıcı deneyimi gibi faktörlerle birlikte değerlendirilmelidir.
Kısacası HTML, web sayfalarının temel iskeletini oluşturan ve içeriklerin tarayıcılar tarafından doğru şekilde yorumlanmasını sağlayan standart işaretleme dilidir. Web geliştirmede HTML genellikle CSS ve JavaScript ile birlikte kullanılır. HTML yapıyı, CSS görünümü, JavaScript ise davranışı yönetir. Bu üç teknoloji birlikte modern web sitelerinin temelini oluşturur.
