HTML 'nin Webdeki Rölü

KodlarTR · 04-19-2025, 07:48 PM

HTML 'nin Webdeki Rölü

HTML (Köprü Metni İşaretleme Dili), webin temel yapı taşıdır. Web sayfalarının iskeletini oluşturan dil olarak, çok önemli bir rol oynar. İşlevini şöyle özetleyebiliriz:
HTML’in Web’deki Rolü

İçeriğin Yapılandırılması:
- HTML, bir web sayfasında metinleri, başlıkları, paragrafları, listeleri, görselleri, videoları ve bağlantıları tanımlar.
- Örneğin bir haber sitesindeki başlık
  
  Kod:
  <h1>
  , paragraflar
  
  Kod:
  <p>
  , resimler
  
  Kod:
  <img>
  gibi etiketlerle belirtilir.
Tarayıcıya Ne Gösterileceğini Söyler:
- HTML dosyaları, tarayıcılar tarafından okunur ve kullanıcıya görsel olarak sunulur.
- Yani tarayıcılar (Chrome, Firefox, Safari vb.), HTML kodunu anlayarak sayfayı oluşturur.
Diğer Web Teknolojileriyle İş Birliği Yapar:
- CSS (Cascading Style Sheets): HTML’in görünümünü (renkler, boyutlar, konumlar) düzenler.
- JavaScript: Sayfaya etkileşim kazandırır (butona tıklanınca bir şey olması gibi).
- Bu üçlü (HTML + CSS + JS) modern web’in temelidir.
Arama Motorları ve Erişilebilirlik Açısından Önemlidir:
- Arama motorları HTML içeriğini okuyarak sayfanın ne hakkında olduğunu anlar.
- Ekran okuyucular gibi erişilebilirlik araçları, HTML etiketlerini kullanarak görme engelli kullanıcılar için sayfayı sesli hale getirir.

HTML, bir web sayfasının iskeletini oluşturur. Web tasarım ve geliştirme işlerinde her şey onunla başlar. örnek bir HTML sayfası göstererek açıklayalım.

Aşağıda, temel bir HTML sayfa örneği paylaşıyorum. Bu örnek, başlık, paragraf, resim, bağlantı ve liste gibi temel HTML öğelerini içeriyor:

html

<!DOCTYPE html>
<html lang="tr">
<head>
<meta charset="UTF-8">
<title>Benim İlk Web Sayfam</title>
</head>
<body>
<h1>Hoş Geldiniz!</h1>
<p>Bu, HTML ile oluşturulmuş ilk web sayfam. Web geliştirme dünyasına adım attım </p>

<h2>Hakkımda</h2>
<p>Ben bir web geliştirici adayıyım. HTML, CSS ve JavaScript öğreniyorum.</p>

<h2>İlgi Alanlarım</h2>
<ul>
<li>Web Tasarımı</li>
<li>Oyun Geliştirme</li>
<li>Yapay Zeka</li>
</ul>

<h2>Favori Sitem</h2>
<p>Daha fazla bilgi için <a href="https://www. domain.com" target="_blank">HTML Öğreniyorum</a> sitesine göz atabilirsiniz.</p>

<h2>Bir Görsel</h2>
<img src="https://www. domain.com/html/img1.jpg" alt="HTML Örneği Görseli" width="300">

<footer>
<p>© 2025 - Tüm hakları saklıdır.</p>
</footer>
</body>
</html>

Bu Sayfada Neler Var?

<!DOCTYPE html> → HTML5 olduğunu belirtir.

<html lang="tr"> → Sayfanın dilini Türkçe olarak ayarlar.

<head> → Sayfa başlığı ve karakter kodlaması gibi bilgiler içerir.

<body> → Görünen tüm içerik burada yer alır (başlık, paragraf, liste, resim, link, vs.).

<footer> → Sayfanın alt kısmında telif bilgisi gibi öğeler olur.

Dilersen bu sayfaya CSS veya JavaScript de ekleyebiliriz.