HTML kodlarını ve ne işe yaradıklarını tam olarak bilmiyorum. Hangi kodun ne yaptığını ve nasıl kullanıldığını öğrenmek istiyorum. Bir liste halinde görmek işime yarar.
HTML (Hyper Text Markup Language), web sayfalarının temel yapı taşıdır. Tarayıcıların içeriği nasıl görüntüleyeceğini tanımlayan bir işaretleme dilidir. İşte en sık kullanılan HTML kodları ve anlamları:
💡 Temel HTML Etiketleri
🏠 <html>: HTML belgesinin kök elementidir. Tüm diğer HTML etiketleri bu etiket içinde yer alır.
head> <head>: Belge başlığı, stil tanımları ve meta veriler gibi bilgileri içerir. Kullanıcı arayüzünde doğrudan görüntülenmez.
<body>: Web sayfasının içeriğinin (metin, resim, bağlantılar vb.) bulunduğu ana bölümdür.
✍️ Metin Biçimlendirme Etiketleri
paragraf <p>: Bir paragraf oluşturur. Metin bloklarını ayırmak için kullanılır.
<br/>: Satır sonu ekler. Metni bir sonraki satıra geçirir.
güçlü <b>: Metni kalın (bold) olarak gösterir.
vurgu <em>: Metni italik (eğik) olarak gösterir. Genellikle vurgu amaçlı kullanılır.
başlık <h1> - <h6>: Başlık etiketleridir. <h1> en büyük başlık, <h6> en küçük başlıktır.
🔗 Bağlantı ve Resim Etiketleri
köprü <a>: Köprü (link) oluşturur. `href` özelliği ile bağlantının hedef URL'si belirtilir.
resim <img>: Resim ekler. `src` özelliği ile resmin URL'si, `alt` özelliği ile resim açıklaması belirtilir.
📃 Liste Etiketleri
sıralı liste <ul>: Sırasız (unordered) liste oluşturur. Liste öğeleri madde işaretleri ile gösterilir.
sıralı liste <ol>: Sıralı (ordered) liste oluşturur. Liste öğeleri numaralarla gösterilir.
liste öğesi <li>: Liste öğesini tanımlar. <ul> veya <ol> içinde kullanılır.
🧰 Diğer Önemli Etiketler
bölüm <div>: Bir bölüm (division) oluşturur. HTML elemanlarını gruplamak ve stil uygulamak için kullanılır.
span <span>: Metin içindeki belirli bir bölümü işaretlemek ve stil uygulamak için kullanılır.
tablo <table>: Tablo oluşturur.
tablo satırı <tr>: Tablo satırı oluşturur.
tablo hücresi <td>: Tablo hücresi (data cell) oluşturur.
tablo başlığı <th>: Tablo başlığı hücresi oluşturur. Genellikle tablo sütunlarının başlıklarını belirtmek için kullanılır.
📝 Form Etiketleri
form <form>: Kullanıcıdan veri almak için kullanılan bir form oluşturur.
girdi <input>: Kullanıcıdan veri almak için farklı türlerde giriş alanları oluşturur (metin, şifre, onay kutusu vb.). `type` özelliği ile giriş alanının türü belirtilir.
metin alanı <textarea>: Çok satırlı metin girişi için bir alan oluşturur.
etiket <label>: Bir form elemanının etiketini tanımlar. Erişilebilirlik açısından önemlidir.
buton <button>: Bir buton oluşturur. Form gönderme veya JavaScript fonksiyonlarını tetikleme gibi işlemler için kullanılır.
seçim <select>: Açılır menü (select box) oluşturur.
seçenek <option>: Açılır menüdeki bir seçeneği tanımlar.
