En çok kullanılan HTML etiketleri nelerdir?
HTML etiketleri nelerdir?
Düz metni HTML kodundan ayıran HTML etiketleridir. HTML etiketleri veya etiketleri, daha küçük bir işaret ile daha büyük bir işaret arasına veya aslında <açılı ayraç> gibi açılı ayraç içine yerleştirilir. HTML etiketleri aracılığıyla bir web sayfasına fotoğraf, tablo ve diğer öğeler gibi her türlü multimedyayı yerleştirmek mümkündür. Sadece render sayfasında tarayıcının ne yapması gerektiğini belirtmek gerekir (Render | Process). Farklı etiketler farklı şeyler yapar. Sayfa bir tarayıcı aracılığıyla görüntülendiğinde etiketler görünmez, ancak yarattıkları etki önemlidir.
İki ana HTML etiketi türü vardır:
Blok Düzeyi etiketleri: Blok düzeyindeki öğeler tüm kullanılabilir alanı kaplar ve belgede her zaman yeni bir satır oluşturur. Başlıklar ve paragraflar, blok düzeyinde etiketlerin harika örnekleridir.
Intertext etiketleri (Inline Tag): Intertext etiketleri sadece gerektiği kadar yer kaplar ve sayfada yeni bir satır eklemez. Genellikle blok düzeyindeki öğelerin metinlerarası içeriğini biçimlendirmek için kullanılırlar. Bağlantılar ve kalın harfler, metinlerarası etiketlerin iyi örnekleridir.
Aşağıda, bu tür HTML etiketlerinin her biri tanıtılmaktadır.
Ortak blok düzeyinde etiketler
Her HTML belgesinin ihtiyaç duyduğu üç blok düzeyinde etiket <head>, <html> ve <body> etiketleridir.
<html></html> etiketi, her HTML sayfasını çevreleyen en üst düzey öğedir.
<head></head> etiketi: sayfa başlığı ve karakter seti (Karakter seti) dahil olmak üzere ek bilgileri (Meta) saklar.
<body></body> etiketi: sayfada görünen tüm içeriği kapsar.
Aşağıda, bazı yaygın blok düzeyinde etiketler listelenmiş ve açıklanmıştır.
HTML programlama dilinde başlıkların altı seviyesi vardır. Sırasıyla <h1></h1> ile <h6></h6> arasında gruplandırılırlar. h1 üst düzeydeki başlıktır ve h6 alttadır. Paragraf etiketleri <p></p> şeklindedir. Ayrıca, blok düzeyinde alıntı etiketleri (Blockquote) <blockquote></blockquote> şeklindedir.
Bölümler, genellikle birden çok paragraf, resim, bazen blok düzeyinde alıntılar ve diğer daha küçük öğeler içeren daha büyük içerik parçalarıdır. <div></div> etiketi kullanılarak işaretlenebilirler.
Sıralı listeler için <ol></ol> etiketlerini ve madde işaretli listeler için <ul></ul> etiketlerini kullanabilirsiniz. Listedeki seçeneklerin her biri <li></li> etiketinin içine yerleştirilmelidir. Örneğin, HTML’deki bir noktalama (sırasız) etiketi aşağıdaki gibi etiketlenir.
<ul><li>
<li>Liste öğesi 1</li>
<li>Liste öğesi 2</li>
<li>3. öğeyi listele</li>
</ul>
Ortak metinlerarası etiketler
Metni biçimlendirmek için birçok satır içi etiket kullanılır. Örneğin, <strong></strong> etiketi bir öğeyi kalın olarak, <em></em> etiketleri ise italik olarak oluşturur. Ayrıca, Köprüler, <a></a> etiketleriyle çevrelenen metinlerarası öğelerdir (satır içi | satır içi) ve bağlantının hedefini belirlemek için href niteliği kullanılır.
<a href=”https://example.com/”>Beni tıklayın!</a>
Görüntüler de satırlar arası öğelerdir. Bitiş etiketi olmadan <img> etiketi kullanılarak bir HTML belgesine görüntü eklenebilir. Ancak fotoğrafın konumunu (yolunu) belirlemek için src özniteliği aşağıdaki gibi kullanılmalıdır:
<img src=”/images/example.jpg” alt=”Örnek resim”>