HTML Nedir?

4 Mart 2023 09 Per, 2023 4:31 tarihinde düzenlendi 442 kez okundu Okuma süresi: 5dk, 17sn

+ - 0

Tim Berners-Lee’in World Wide Web’i (WWW) ve HTML’nin oluşumu, internetin evriminin önemli bir parçasıdır. İşte bu sürecin ana hatları:

Tim Berners-Lee ve CERN: Tim Berners-Lee, 1980’lerin sonlarında CERN’de (Avrupa Nükleer Araştırma Merkezi) çalışırken, bilim adamlarının veri ve belgelerini daha iyi paylaşmaları gerektiğini fark etti. Bu, bilimsel araştırmalarda veri paylaşımının önemini vurgulayan bir ihtiyaçtı.
INQUIRE Sistemi: Berners-Lee, bu ihtiyacı karşılamak için INQUIRE adlı bir prototip sistem önerdi. Ancak, bu sistem yeterince etkili değildi ve daha kapsamlı bir çözüme ihtiyaç vardı.
World Wide Web (WWW) Sistemi: Tim Berners-Lee, 1989 yılında, internet üzerinde bilgi paylaşımını kolaylaştırmak için temel bir yapı oluşturdu. Ardından, 1990 yılında HTML (Hiper Metin İşaretleme Dili) adı verilen metin işaretleme dilini geliştirdi. Bu dili kullanarak belgelerin ve verilerin bağlantılı olduğu bir sistem tasarladı.
HTML: HTML, web sayfalarını oluşturmak için kullanılan standart bir metin işaretleme dilidir. HTML, belgelerin nasıl biçimlendirileceğini ve bağlantıların nasıl oluşturulacağını tanımlar. HTML, World Wide Web’in temelini oluşturdu ve web sayfalarının tarayıcılarda görüntülenmesini sağlayan yapısal bir dil olarak hizmet verir.
HTML5: HTML, zaman içinde birçok sürüm geçirdi ve HTML5 en son sürümüdür. HTML5, web geliştiricilere daha fazla özellik ve yetenek sunar. Ses ve video içeriği, yerel depolama, çevrimdışı erişim gibi yeni özellikler ekler.
CSS ve JavaScript: HTML, web sayfalarının yapısını tanımlar, ancak görünüm ve davranışın özelleştirilmesi için CSS (Cascading Style Sheets) ve JavaScript gibi diğer teknolojilerle birlikte kullanılır. CSS, web sayfalarının stilini belirlerken, JavaScript web sayfalarına dinamiklik ekler.
Web Tarayıcıları: Web tarayıcıları (örneğin, Netscape Navigator ve Internet Explorer), HTML kodunu okur, yorumlar ve kullanıcıların görüntüleyebileceği bir arayüze dönüştürür. Bu nedenle, aynı HTML kodu farklı tarayıcılarda farklı sonuçlar verebilir.

HTML, internetin temel taşlarından biridir ve web geliştiricileri tarafından kullanılan bir temel beceridir. Bu metin işaretleme dili, web sayfalarının oluşturulması ve yapılandırılmasında önemli bir rol oynamıştır ve internetin evrimini büyük ölçüde etkilemiştir.

Örnek bir HTML kodu

<html>
  <head>
    <title>örnek başlık</title>
  </head>
  <body>
    <p style="font-size:10px"><a href="dsmhaber.com">dsmhaber</a></p>
  </body>
</html>

Eleman örnekleri

HTML belgesinin başlığı: <head>...</head>. Belge başlığı, kafaya dahil edilmiştir, örneğin:

- Reklam Alanı (Yazı Sonu)

<head>
  <title>Başlık</title>
</head>

Başlıklar: HTML başlıkları, <h1> – <h6> etiketleriyle H1 en yüksek (veya en önemli) olacak şekilde tanımlanır seviye ve H6 en az:

<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>

Paragraflar:

<p>Paragraf 1</p> <p>Paragraf 2</p>

Satır sonları: <br>. <br> ve <p> arasındaki fark, br öğesinin, p sayfayı paragraf olarak bölümlere ayırır. 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 paragraf</p>

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>

Girişler:

Bir kullanıcının aşağıdakiler gibi girişler verebilmesinin birçok yolu vardır:

<!-- Bu metin girişi içindir -->
<input type="text">
<!-- Bu dosyaları yüklemek içindir -->
<input type="file">
<!-- Bu onay kutuları içindir -->
<input type="checkbox">

Yorumlar:

<!-- Bu bir yorum -->

Yapısal işaretleme metnin amacını gösterirÖrneğin, <h2>Golf</h2> 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, '''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ü metin</strong> ve <em>vurgulanan metin</em> 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.