HTML Nedir? Ne İşe Yarar?

İçindekiler

HTML Nedir?

HTML’in açılımı HyperText Markup Language, yani “Köprü Metin İşaretleme Dili”dir. Bir web sayfasını oluşturmak için kullanılan metin işaretleme dilidir. Tarayıcılar, HTML kodlarını okuyarak sayfayı yorumlar ve karşına görsel olarak düzenlenmiş bir şekilde getirir. HTML bir programlama dili değildir; mantıksal işlemler değil, sayfa yapısı oluşturur. Yani HTML, “Bu bir başlıktır.”, “Bu bir paragraftır.” veya “Bu bir bağlantıdır.” gibi talimatlar verir.

Web Tarayıcıları HTML’i Nasıl Yorumlar?

Tarayıcılar (Chrome, Firefox, Safari, Edge gibi) HTML dosyasını okur, her etiketi çözümler ve ekrana düzgün bir sayfa olarak yansıtır. Mesela, bir metni <h1> etiketiyle yazarsan, tarayıcı bunu büyük bir başlık olarak gösterir. Kısaca HTML, tarayıcı ile senin aranda bir çevirmen gibidir. Sen kodu yazarsın, tarayıcı o kodu görselleştirir.

HTML Dosyası Nasıl Oluşturulur?

HTML dosyası oluşturmak çok kolaydır. Bilgisayarında bir metin düzenleyici (örneğin Not Defteri veya Visual Studio Code) aç ve şu basit adımları takip et:

Yeni bir dosya oluştur.
İçine HTML kodu yaz.
Dosyayı index.html adıyla kaydet.
Tarayıcıda açarak sonucu gör!

HTML Etiketleri

HTML’in en önemli kısmı etiketlerdir. Etiketler sayesinde sayfanın hangi kısmının ne olduğunu belirleriz.
Genel yapı şu şekildedir:

<tag>içerik</tag>

Burada <tag> etiketi açar, </tag> ise kapatır. Aradaki kısım ise o etiketin içeriğidir.

<p>Bu bir paragraf örneğidir.</p>

Tarayıcı bu kodu bir paragraf olarak yorumlar.

HTML Sayfasının Temel Yapısı

Bir HTML sayfası genellikle üç ana bölümden oluşur:

<html>
  <head>
    <title>Sayfa Başlığı</title>
  </head>
  <body>
    <h1>Merhaba Dünya!</h1>
    <p>İlk web sayfanızı oluşturdunuz.</p>
  </body>
</html>

Bu etiketlerin anlamı:

<html> → Tüm HTML içeriğini kapsar.
<head> → Sayfa hakkında bilgi (örneğin başlık, karakter kodlaması, SEO meta etiketleri) barındırır.
<body> → Ziyaretçinin gördüğü içeriklerin yer aldığı bölümdür.

“Hello World” Örneği

HTML öğrenirken klasik bir başlangıç vardır: Hello World!
Aşağıdaki kodu kendi bilgisayarında deneyebilirsin:

<!DOCTYPE html>
<html lang="tr">
<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <title>Merhaba Dünya</title>
</head>
<body>
  <h1>Merhaba Dünya!</h1>
  <p>Bu benim ilk web sayfam.</p>
</body>
</html>

Dosyayı index.html adıyla kaydedip bir tarayıcıda açtığında, “Merhaba Dünya!” yazısı seni karşılayacak.

index.html tarayıcıdaki çıktısı:

Not:

HTML, web sayfalarının temel yapısını oluşturur.
Tarayıcılar HTML kodlarını yorumlayarak içeriği kullanıcıya gösterir.
HTML’in en önemli kısmı etiketlerdir.

Etiketler: HTML Etiketleri HTML nedir HTML5 Web Geliştirme Temelleri

Paylaş:

Tayyip Bölük

Merhaba, ben Tayyip Bölük. Profesyonel bir yazılım geliştiricisi olarak, özellikle PHP tabanlı web projeleri geliştirme konusunda uzmanlaşmış durumdayım. Yazılım dünyasındaki yolculuğuma, yaratıcı çözümler üreterek ve kullanıcı odaklı projeler geliştirerek devam ediyorum.Blog sitemde yazılım ve teknolojiye dair güncel bilgileri, yenilikleri ve ipuçlarını paylaşıyorum. Amacım, yazılım dünyasına ilgi duyan herkese faydalı içerikler sunarak bilgi birikimimi paylaşmak ve sektörel gelişmelere ışık tutmak.PHP’nin yanı sıra, React, Bootstrap, Tailwind, Jquery gibi modern araçları kullanarak dinamik, kullanıcı dostu ve performanslı web siteleri geliştirme üzerine çalışıyorum. Ayrıca, öğretmenlere ve öğrencilere yönelik inovatif projeler geliştirme konusundaki tutkum sayesinde, eğitim ve yazılımı birleştiren projeler üretmeyi hedefliyorum.Eğer siz de yazılım ve teknoloji konularına ilgi duyuyorsanız, bloğumda sizin için ilham kaynağı olabilecek içerikler bulabilirsiniz.