HTML Etiketleri ve Anlamları: Web Geliştirme Rehberi

Deniz Karay5 Aralık 2025

2 dakika okuma süresi

HTML etiketleri ve anlamları rehberi: Web geliştirme öğrenmek için temel bilgiler ve ipuçları. — Web geliştirme yolculuğunuzda sağlam bir temel oluşturun! HTML etiketlerinin dünyasına adım atın. Her birinin anlamını, kullanım alanlarını ve web sayfaları oluştururken nasıl etkili bir şekilde uygulayacağınızı bu rehberle keşfedin. Hemen tıklayın!

Web geliştirme dünyasına adım atmak isteyen herkes için HTML etiketleri ve anlamları, öğrenilmesi gereken ilk ve en temel konulardan biridir. HTML, web sayfalarının iskeletini oluşturur ve içeriğin nasıl yapılandırılacağını belirler. Günümüzde internetin her alanında HTML ile karşılaşırız, bu nedenle bu konuyu anlamak dijital dünyayı anlamanın anahtarıdır.

🎯 Bu Derste Öğrenecekleriniz

Bu dersin sonunda, temel HTML etiketlerini tanıyabilecek ve web sayfalarında nasıl kullanıldıklarını açıklayabileceksiniz.
Bu konuyu bitirdiğinizde, HTML kullanarak basit bir web sayfası oluşturabilecek ve içeriği anlamlı bir şekilde yapılandırabileceksiniz.
Ders sonunda, yaygın HTML hatalarını ve bunların nasıl düzeltileceğini bileceksiniz.

📌 HTML Etiketleri: Kısa ve Net Bilgiler

HTML (HyperText Markup Language): Web sayfalarının yapısını tanımlayan işaretleme dilidir.
Etiketler: HTML’in temel yapı taşlarıdır ve içeriği tanımlamak için kullanılır.
Açılış ve Kapanış Etiketleri: Çoğu etiket açılış (<etiket>) ve kapanış (</etiket>) etiketlerine sahiptir.
Öznitelikler: Etiketlere ek özellikler eklemek için kullanılır (örneğin, <img src=”resim.jpg”>).

İçerik göster

HTML’e Giriş: Temel Kavramlar

HTML (HyperText Markup Language), web sayfalarının temelini oluşturan bir işaretleme dilidir. Tarayıcılar, HTML kodunu okuyarak web sayfalarını görüntüler. HTML, içeriği yapılandırmak, metinleri biçimlendirmek, bağlantılar oluşturmak ve resimler gibi medya öğelerini eklemek için kullanılır. Peki, HTML tam olarak ne işe yarar? HTML ile web sayfalarının iskeletini oluşturabilir, CSS ile sayfanın görünümünü düzenleyebilir ve JavaScript ile etkileşimli özellikler ekleyebilirsiniz.

HTML’in temel yapı taşı etiketlerdir. Etiketler, içeriğin türünü ve nasıl görüntülenmesi gerektiğini belirtir. Örneğin, <p> etiketi bir paragrafı, <h1> etiketi ise bir başlığı tanımlar. Etiketler genellikle açılış ve kapanış etiketlerinden oluşur, ancak bazı etiketlerin (örneğin, <br>) kapanış etiketi yoktur.

📖 Örnek

Aşağıdaki HTML kodu, basit bir başlık ve paragraf içeren bir web sayfası oluşturur:

<!DOCTYPE html><html><head><title>Basit Bir Web Sayfası</title></head><body><h1>Merhaba Dünya!</h1><p>Bu benim ilk web sayfam.</p></body></html>

Temel HTML Etiketleri ve Anlamları

HTML’de birçok farklı etiket bulunur, ancak bazıları diğerlerinden daha yaygın olarak kullanılır. İşte en temel HTML etiketlerinden bazıları ve anlamları:

<!DOCTYPE html>: HTML5 standardını belirtir.
<html>: HTML belgesinin kök etiketidir.
<head>: Web sayfasıyla ilgili meta verileri (başlık, stil dosyaları, vb.) içerir.
<title>: Web sayfasının başlığını belirtir (tarayıcı sekmesinde görüntülenir).
<body>: Web sayfasının içeriğini (metin, resim, vb.) içerir.
<h1> – <h6>: Başlıkları tanımlar (h1 en büyük, h6 en küçüktür).
<p>: Paragrafı tanımlar.
<a>: Köprü (bağlantı) oluşturur.
<img>: Resim ekler.
<ul>: Sırasız liste oluşturur.
<ol>: Sıralı liste oluşturur.
<li>: Liste öğesi tanımlar.
<div>: Bölüm (container) oluşturur.
<span>: Metin içi bölüm oluşturur.
<br>: Satır sonu ekler.
<hr>: Yatay çizgi ekler.

Bu etiketler, bir web sayfasının temel yapısını oluşturmak için yeterlidir. Daha karmaşık web sayfaları oluşturmak için diğer HTML etiketlerini de kullanabilirsiniz.

HTML Öznitelikleri

HTML etiketlerine ek özellikler eklemek için öznitelikler kullanılır. Öznitelikler, etiketin davranışını veya görünümünü değiştirebilir. Örneğin, <img> etiketinin `src` özniteliği, görüntülenecek resmin URL’sini belirtir. Benzer şekilde, <a> etiketinin `href` özniteliği, bağlantının hedef URL’sini belirtir. Kullanıcılar şunu da sordu:

Etiketler