HTML’e Giriş

HTML (HyperText Markup Language), web sayfalarını oluşturmak için kullanılan standart işaretleme dilidir. Bu rehberde, HTML’in tarihçesini, kullanım alanlarını ve sürümlerini inceleyeceğiz.

Tarihçe

HTML, 1990 yılında Tim Berners-Lee tarafından geliştirilmiştir ve ilk olarak 1991 yılında kullanıma sunulmuştur. HTML, 1990’larda web sayfalarının oluşturulması için kullanılan en yaygın yazılım dillerinden biridir ve hala bugün bile web sayfalarının oluşturulması için temel bir dil olarak kabul edilmektedir.

HTML’in Fonksiyonları

HTML, web sayfalarının içeriğini ve görünümünü oluşturmak için kullanılır. HTML etiketleri, sayfanın içeriğini tanımlamak için kullanılır ve < ve > işaretleri arasında yer alır.

HTML etiketleri arasındaki iç içe geçmiş yapı, sayfanın yapısını oluşturur. Örneğin, <body> etiketi içinde bir <h1> ve bir <p> etiketi yer alabilir. Bu etiketler arasındaki ilişki, sayfanın yapısını ve görünümünü tanımlar. HTML, ayrıca web sayfalarının içeriğine erişebilmek için bağlantılar (linkler) sağlar. Bu linkler, web sayfaları arasında gezinmek için kullanılır ve <a> etiketi ile tanımlanır.

HTML ile birlikte CSS (Cascading Style Sheets) ve JavaScript gibi diğer teknolojiler de kullanılabilir. Bu teknolojiler, web sayfalarının görünümünü ve işlevselliğini arttırmak için kullanılır. Özellikle CSS ile HTML arasındaki işbirliği, web sayfalarının görünümünü ve biçimini detaylı bir şekilde tanımlamak için kullanılır. HTML etiketleri tarafından tanımlanan içeriklere CSS kodları ile stil uygulanabilir. Örneğin, <p> etiketi ile tanımlanan paragrafın fontu, renk ve arka plan rengi gibi detaylar CSS ile tanımlanabilir. JavaScript ise, web sayfalarının dinamik işlevselliğini arttırmak için kullanılır. Örneğin, JavaScript kodları ile web sayfasının içeriği ziyaretçinin interaktif olarak değişebilir veya formların doğrulanması gibi fonksiyonlar gerçekleştirilebilir.

Örnek: Basit bir HTML Sayfası
<!DOCTYPE html>
<html>
<head>
  <title>Merhaba Dünya</title>
</head>
<body>
  <h1>Merhaba Dünya!</h1>
  <p>Bu bir paragrafdır.</p>
</body>
</html>

HTML Sürümleri ve Özellikleri

HTML’in farklı sürümleri vardır. Her sürüm, web geliştirme için yeni özellikler ve iyileştirmeler sunar.

SürümYayın TarihiÖzellikler
HTML 1.01991Temel Etiketler
HTML 4.011999CSS ve JavaScript Desteği
XHTML2000XML Tabanlı
HTML 52014Video, ses, yerel depolama, semantik etiketler

HTML5 Nedir?

HTML5, HTML, CSS ve JavaScript gibi web teknolojilerinden oluşan bir çatı olarak tanımlanır. HTML5, web sayfalarının görünümünü ve işlevselliğini arttırmak için önceki sürümlerinden daha gelişmiş özelliklere sahiptir.
HTML5, önceki sürümlerinden daha fazla etiket içerir.

Bu etiketler arasında <canvas>, <audio>, <video>, <svg> gibi multimedya etiketleri yer alır. Bu etiketler, web sayfalarında video, ses ve çizimler gibi içerikleri kullanmak için kolay bir yol sağlar.

HTML5, ayrıca web sayfalarının offline çalışmasını ve uygulamaların web tarayıcıları üzerinden çalışmasını destekler. Bu, web sayfalarının internet bağlantısı olmadan çalışmasını ve web uygulamalarının masaüstü uygulamaları gibi çalışmasını sağlar.
HTML5, ayrıca formların doğrulanmasını ve girdi alanlarının özelleştirilmesini kolaylaştırır. Örneğin, email, telefon numarası, tarih gibi veri tipi alanlarını doğrulamak için kullanılabilen özellikler eklenmiştir.

Tüm bunlar, HTML5 ile birlikte web sayfalarının daha güçlü, işlevsel ve interaktif hale gelmesini sağlar. HTML5, web sayfalarının cep telefonları, tabletler ve masaüstü bilgisayarlar gibi farklı cihazlarda daha iyi görünmesini ve çalışmasını sağlar.

HTML5, arama motorları için daha anlamlı veri sağlar. Örneğin, HTML5 ile birlikte semantik etiketler kullanılabilir, bu sayede arama motorları web sayfasının içeriğini daha iyi anlayabilir.

Sonuç olarak, HTML5, önceki sürümlerinden daha gelişmiş özelliklere sahip ve web sayfalarının daha iyi görünmesini ve çalışmasını sağlar. HTML5 ile birlikte web sayfalarının içeriği daha anlamlı hale gelerek, arama motorlarının web sayfasını daha iyi anlamasını sağlar.


Yayımlandı

kategorisi

yazarı:

Etiketler:

Yorumlar

Bir yanıt yazın

E-posta adresiniz yayınlanmayacak. Gerekli alanlar * ile işaretlenmişlerdir