HTML Nedir | Nasıl Kullanılır ?

HTML Nedir ?

Hyper Text Markup Language (Hiper Metin İşaretleme Dili) kısaltmasıdır. İnternetin temel yapı taşlarından biridir ve web sayfalarının oluşturulmasında kullanılan bir işaret dili veya metin tabanlı bir kodlama dilidir. HTML, web tarayıcıları tarafından yorumlanarak kullanıcılara web sayfalarının görüntülenmesini sağlar.

HTML'in temel amacı, bir web sayfasının içeriğini yapısını belirlemektir. Bu yapının içinde metin, görüntüler, bağlantılar, tablolar, form alanları ve daha fazlası bulunabilir. HTML, etiketler kullanarak sayfanın içeriğini organize eder ve tarayıcılara nasıl görüntülenmesi gerektiğini söyler.

Bir HTML etiketi, açma etiketi (<tag>) ve kapatma etiketi (</tag>) olmak üzere iki parçadan oluşur. Açma etiketi, bir öğeyi tanımlar ve öğenin özelliklerini belirler. Kapatma etiketi ise öğenin nerede sona erdiğini gösterir. Örneğin, bir başlık etiketi <h1> açılış etiketi ile başlar ve </h1> kapanış etiketi ile biter.

HTML etiketlerinin her biri belirli bir amaca hizmet eder. Örneğin, <h1> başlık etiketi bir başlığı temsil ederken, <p> paragraf etiketi bir paragrafı temsil eder. Bunların yanı sıra, <a> bağlantı etiketi, <img> görüntü etiketi, <ul> ve <li> sıralı olmayan liste ve liste elemanı etiketleri gibi birçok farklı etiket bulunmaktadır.

HTML ayrıca özellikleri kullanarak etiketlere ek bilgiler eklememizi sağlar. Özellikler, etiketlerin belirli özelliklerini kontrol etmek için kullanılır. Örneğin, <img> etiketinde "src" özelliği, görüntünün kaynağını belirtirken, "alt" özelliği alternatif metin sağlar.

HTML kodu, metin düzenlemesinden tablolar ve form alanları oluşturmaya, medya dosyalarını yerleştirmekten stil ve düzenlemelere kadar birçok farklı işlevi yerine getirebilir. HTML'in gücü, web sayfalarını yapılara, içeriğe ve görsel öğelere göre organize etme yeteneği ve tarayıcılara nasıl görüntüleneceğini açıkça belirtme yeteneğidir.

HTML kodu, bir metin düzenleyici veya HTML düzenleyici gibi bir araç kullanılarak oluşturulur. Kod tamamlandığında, HTML dosyası .html uzantısıyla kaydedilir ve web sunucusuna yüklenerek tarayıcılarda görüntülenebilir.

HTML, web geliştirme sürecindeki temel bir adımdır. CSS (Cascading Style Sheets) ve JavaScript gibi diğer web teknolojileri ile birlikte kullanılarak daha etkileyici ve etkileşimli web siteleri oluşturulabilir. HTML, internetin altyapısını oluşturan bir dildir ve web üzerinde bilgilerin paylaşılması, iletişim kurulması ve içeriğin sunulması için hayati bir rol oynar.

HTML ne yapar ?

1. İçerik Yapısı: HTML, bir web sayfasının temel yapısını belirler. Başlık, paragraf, liste, başlık etiketleri gibi metin öğeleri ve görseller, videolar gibi medya öğelerini düzenler. Bu sayede web sayfası içeriği düzenli ve anlaşılır hale gelir.
2. Bağlantılar: HTML, sayfalar arasında bağlantılar oluşturmanızı sağlar. Bu bağlantılar, kullanıcıların farklı sayfalar arasında gezinmesine olanak tanır. Ayrıca, dış kaynaklara (diğer web siteleri, belgeler, resimler vb.) bağlantılar eklemek için kullanılır.
3. Görsel ve Medya: HTML, resimler, videolar ve ses dosyaları gibi medya öğelerini sayfaya eklemek için kullanılır. Bu medya öğeleri kullanıcı deneyimini zenginleştirir ve içeriği daha çekici hale getirir.
4. Formlar: HTML, web sayfalarında çeşitli formlar oluşturmanıza izin verir. Kullanıcıların bilgi girişi yapmasını, anketler doldurmasını veya iletişim formları göndermesini sağlar. Bu bilgiler sunuculara iletilir ve işlenir.
5. Stil ve Görünüm: HTML, sayfaların temel yapısını belirtirken, CSS (Cascading Style Sheets) ile birlikte kullanılarak sayfanın stilini ve görünümünü düzenler. CSS, metin renkleri, yazı tipleri, arka planlar, düzenler ve daha fazlasını kontrol eder.

HTML, web geliştiricilerin web sayfalarını tasarlama, düzenleme ve içerik eklemeye olanak tanır. Bir tarayıcıda HTML kodu işlendiğinde, kullanıcılar web sayfalarını görebilirler. Bu nedenle, HTML, web geliştirmenin temel taşıdır ve her web geliştirici tarafından öğrenilmesi gereken bir dildir.

HTML'in Kısa Tarihi

HTML'nin tarihi, modern web geliştirmenin temelini atan birçok gelişme ve evre içerir. İşte HTML'nin önemli dönemleri:

1. 1980'lerin Sonları: Tim Berners-Lee, CERN'de çalışan bir bilim adamı olarak, bilim insanlarının araştırmalarını ve belgelerini paylaşmalarını kolaylaştırmak için bir sistem geliştirme ihtiyacını fark etti. Bu ihtiyacı karşılamak amacıyla, HTML'nin öncüsü olan "Enquire" adlı bir proje başlattı.

2. 1990: Tim Berners-Lee, 1990 yılında WorldWideWeb (WWW) projesini başlattı. Bu proje, metin tabanlı bir tarayıcı ve sunucu ile HTML'nin temelini atmıştır. İlk web tarayıcısı ve sunucusu, web sayfalarının oluşturulmasını ve görüntülenmesini mümkün kıldı.

3. 1991: Tim Berners-Lee, HTML'nin ilk sürümünü yayınladı. Bu sürümde, temel metin biçimlendirme özellikleri ve bağlantılar bulunuyordu.

4. 1993: Marc Andreessen ve Eric Bina tarafından geliştirilen Mosaic web tarayıcısı, web tarayıcılarının popülerliğini artırdı. Bu tarayıcı, grafikleri ve resimleri görüntüleyebilme özelliğiyle dikkat çekti.

5. 1994: HTML 2.0, Internet Engineering Task Force (IETF) tarafından tanımlanan resmi bir HTML standartıydı. Bu sürüm, çerçeveler, tablolar ve daha fazla biçimlendirme seçeneği ekledi.

6. 1995: Netscape Navigator ve Internet Explorer gibi popüler web tarayıcıları ortaya çıktı. Bu tarayıcılar, dinamik web sayfalarını ve daha fazla HTML özelliğini destekledi.

7. 1997: HTML 4.0, World Wide Web Consortium (W3C) tarafından tanıtıldı. Bu sürüm, tarayıcı uyumluluğunu artırmak ve yeni özellikler eklemek için tasarlandı.

8. 1999: XHTML (Extensible Hypertext Markup Language), HTML ve XML'i birleştiren bir standarttır. XHTML, daha katı bir belge yapısı ve işaretleme diline sahiptir.

9. 2000'lerin Başları: Web 2.0 dönemi, dinamik ve etkileşimli web sitelerinin yükselmesini sağladı. Bu dönemde AJAX gibi teknolojiler HTML'in rolünü artırdı.

10. 2010'lar ve Sonrası: HTML5, 2014 yılında W3C tarafından resmi olarak tanıtıldı. HTML5, video ve ses desteği, yerel çizim yetenekleri, gelişmiş formlar ve daha fazlasını içerir. Mobil cihazlar ve tarayıcılar arasında uyumluluk da arttı.

HTML, web geliştirmenin vazgeçilmez bir parçası olarak varlığını sürdürmektedir ve sürekli olarak geliştirilmektedir. Web teknolojileri ve standartları hala evriliyor ve HTML'nin gelecekteki sürümleriyle birlikte daha fazla özellik ve yetenek eklenmesi beklenmektedir.

HTML'de kullanılan temel etiketler

• HTML Etiketi : Bir HTML belgesinin başlangıcını ve sonunu tanımlar.
• HEAD Etiketi : HTML belgesinin başlık bölümünü belirtir. Tarayıcıya görünmez ve meta bilgileri içerir.
• TITLE Etiketi : Web sayfasının başlığını belirtir. Tarayıcı sekmesinde görünen metni içerir.
• BODY Etiketi : HTML belgesinin görünen içeriğini belirtir.
• H1, H2, H3, H4, H5, H6 Etiketi : Başlık etiketleri. Metnin önem derecesine göre başlıkları belirler. <h1> etiketi başlıklardan en önemlisi <h6> etiketi ise daha az öncemli başlık
• P Etiketi : Paragraf etiketi. Metin paragraflarını belirtmek için kullanılır.
• A Etiketi : Bağlantı etiketi. Bir URL'ye veya başka bir web sayfasına bağlantı oluşturur.
• IMG Etiketi : Görüntü etiketi. Bir resmi web sayfasına eklemek için kullanılır.
• UL ve LI Etiketi : Sırasız liste etiketleri. Madde işaretli bir liste oluşturmak için kullanılır. <ul> etiketi listeyi, <li> etiketi ise her bir maddeyi temsil eder.
• OL ve LI Etiketi : Sıralı liste etiketleri. Numaralandırılmış bir liste oluşturmak için kullanılır. <ol> etiketi listeyi, <li> etiketi ise her bir maddeyi temsil eder.
• TABLE TR TD Etiketi : Tablo etiketleri. Tablo oluşturmak için kullanılır. <table tabloyu, <tr> satırı, <td> ise hücreleri temsil eder.
• FORM INPUT Etiketi : Form etiketleri. Kullanıcıdan bilgi almak için kullanılır. <form> formu, <input> ise form elemanlarını temsil eder.
• DIV Etiketi : Blok düzeyinde bir öğeyi belirtir ve genellikle CSS ile stil uygulamak veya içeriği gruplamak için kullanılır.
• SPAN Etiketi : İnline (satır içi) bir öğeyi belirtir ve genellikle metnin bir bölümünü vurgulamak veya stil uygulamak için kullanılır.
• BR Etiketi : Bir satırın sonunu belirtir ve bir alt satıra geçişi sağlar.

Bu, sadece HTML'de kullanılan temel etiketlerin birkaç örneğidir. HTML, daha pek çok etiket içerir ve bu etiketler sayesinde web sayfalarının yapısı, içeriği ve görüntüsü belirlenir.