HTML Etiketleri (tag) ve Nitelikleri (attribute) Nedir

İnternet dünyasında gezinirken karşımıza çıkan web sayfalarının temelini oluşturan şeyi hiç düşündünüz mü? İşte o temel yapı taşı, HTML etiketleri ve onların nitelikleri yani attributes. Kulağa karmaşık geliyor olabilir, ancak endişelenmeyin, bu makalede size HTML etiketlerinin ne olduğunu ve niteliklerinin ne anlama geldiğini adım adım anlatacağım.

HTML Etiketleri: Web Sayfalarının Anahtarları

HTML etiketleri, bir web sayfasının yapısını oluşturan temel öğelerdir. Bir nevi web sayfasının dilidirler. Eğer bu etiketleri anlamazsanız, bir web sayfasının nasıl inşa edildiğini anlamak oldukça zorlaşabilir. Şimdi gelin, HTML etiketlerine daha yakından bakalım.

1. Başlık Etiketleri (Heading Tags): HTML'de en temel etiketlerden biri olan başlık etiketleri, sayfanın başlıklarını belirlemek için kullanılır. Başlık etiketlerinin dereceleri vardır: <h1>, <h2>, <h3> gibi. <h1> en yüksek dereceli başlığı, <h6> ise en düşük dereceli başlığı temsil eder.

2. Paragraf Etiketi (Paragraph Tag - <p>): Metinleri paragraflara bölmek için kullanılan bu etiket, sayfa içeriğinin düzenlenmesine yardımcı olur. Her <p> etiketi, bir metin paragrafını tanımlar.

3. Bağlantı Etiketi (Anchor Tag - <a>): Bağlantı etiketi, kullanıcıları başka sayfalara veya kaynaklara yönlendiren bir bağlantı oluşturmanıza yardımcı olur. Bir bağlantı oluşturmak için <a> etiketini ve "href" niteliğini kullanırız.

4. Resim Etiketi (Image Tag - <img>): Web sayfalarını daha görsel hale getirmek için resim etiketini kullanabiliriz. <img> etiketi, sayfada görüntülenmesi gereken resmin yolunu belirlemek için "src" niteliğini kullanır.

5. Liste Etiketleri (List Tags): Liste oluşturmak için kullanılan etiketlerdir. Sırasız liste için <ul> etiketi ve madde işaretlerini, sıralı liste için <ol> etiketi ve numaraları, liste öğeleri için ise <li> etiketi kullanılır.

6. Form Etiketi (Form Tag - <form>): Kullanıcıdan bilgi almak veya göndermek için kullanılan form etiketi, içerisine metin kutuları, düşen menüler ve düğmeler gibi formları içerebilir. Form etiketi "action" niteliği ile formun işlendiği adresi belirtir.

Nitelikler (Attributes): HTML Etiketlerinin Özelleştiricileri

HTML etiketleri yalnızca temel öğeleri tanımlar, ancak nitelikler bu öğeleri özelleştirmemizi sağlar. Her etiketin farklı nitelikleri vardır ve bunlar etiketin davranışını veya görünümünü değiştirmek için kullanılır.

Örneğin, <a> bağlantı etiketi için "href" niteliği, bağlantının nereye yönlendirileceğini belirtir. <img> resim etiketi için "src" niteliği, görüntünün yolunu tanımlar. Nitelikler, etiketleri daha esnek ve kullanışlı hale getirir.

HTML etiketleri ve nitelikleri, web sayfalarının yapısını ve görünümünü şekillendirmemize yardımcı olan temel araçlardır. Eğer web geliştirme yolculuğuna yeni başlıyorsanız, HTML etiketlerini ve niteliklerini öğrenerek, internet dünyasının kapılarını daha rahat açabilirsiniz. Unutmayın, her büyük yapı küçük ayrıntılardan oluşur ve HTML, internetin temel taşlarından biridir.