Temel HTML Etiketleri ve Anlamları
HTML, web sayfalarının temel bileşenlerini oluşturan etiketleri kullanarak belgelerin nasıl yapısallaştırıldığını tanımlayan bir işaretleme dilidir. Temel HTML etiketleri, web sayfasının yapısal çerçevesini oluşturmaktadır.
1. HTML Nedir?
HTML, Hyper Text Markup Language ifadesinin kısaltmasıdır. Web sayfalarını yapısallaştırmak için kullanılan bir işaret dili olarak düşünülebilir. HTML, web sayfalarındaki metnin nasıl görüntüleneceğini ve düzenleneceğini tanımlar.
2. HTML Etiketleri
HTML etiketleri, web sayfalarının temel bileşenlerini oluşturmak için kullanılır. Bu etiketler, açılış ve kapanış tagleri arasına yerleştirilen içerikle birlikte kullanılır. HTML etiketleri, web sayfalarının yapısını belirler.
Başlık Etiketleri
Web sayfalarındaki başlıkların oluşturulması için kullanılan H1-H6 etiketleri vardır.
<h1>Başlık 1</h1>
<h2>Başlık 2</h2>
<h3>Başlık 3</h3>Paragraf Etiketi
Paragrafların oluşturulması için <p> etiketi kullanılır.
<p>Merhaba, bu bir paragraftır.</p>
Yorum Etiketi
HTML yorumları, kodun okunmasını kolaylaştırmak ve açıklama eklemek için kullanılır.
<!-- Bu bir HTML yorumudur -->Resim Etiketi
Resimlerin web sayfasına eklenmesi için <img> etiketi kullanılır.
<img src="resim.jpg" alt="Bu bir resimdir">Link Etiketi
Linklerin oluşturulması için <a> etiketi kullanılır.
<a href="https://www.example.com">Link metni</a>
Liste Etiketleri
Sıralı ve sırasız listeler, <ol> ve <ul> etiketleri ile oluşturulabilir.
<ul>
<li>Mevsimlik Meyveler</li>
<ul>
<li>Karpuz</li>
<li>Kayısı</li>
<li>Üzüm</li>
</ul>
<li>Kuru Meyveler</li>
<ul>
<li>Ceviz</li>
<li>Fındık</li>
<li>Badem</li>
</ul>
</ul>Tablo Etiketleri
Tabloların oluşturulması için <table> etiketi kullanılır. Tablonun başlığı, <caption> etiketi içinde yer alır.
<table>
<caption>Öğle Yemeği Menüsü</caption>
<tr>
<th>Yemek</th>
<th>Fiyat</th>
</tr>
<tr>
<td>Hamburger</td>
<td>10 TL</td>
</tr>
<tr>
<td>Pizza</td>
<td>15 TL</td>
</tr>
</table>