Temel HTML etiketleri

HTML, web sayfalarının yapısını oluşturmak için kullanılan bir işaret dili olarak tanımlanabilir. Web sayfaları oluşturmak için temel HTML etiketlerini bilmek, her web geliştiricisi için önemli bir gerekliliktir. Bu yazıda, temel HTML etiketlerini öğrenerek, web sayfaları oluşturmak için gerekli olan bilgileri edinebilirsiniz.

Başlık (Heading) Etiketleri

HTML’de en temel etiketlerden biri, başlık etiketleri (heading)dir. Başlık etiketleri, web sayfasının ana başlığı ve alt başlıklarını belirtmek için kullanılır.

<h1>Başlık 1</h1>
<h2>Başlık 2</h2>
<h3>Başlık 3</h3>
<h4>Başlık 4</h4>
<h5>Başlık 5</h5>
<h6>Başlık 6</h6>

Paragraf (Paragraph) Etiketi

Web sayfasında paragraf oluşturmak için paragraf etiketi kullanılır. Aşağıdaki örnek, “Merhaba Dünya” metnini bir paragraf olarak görüntüler.

<p>Merhaba Dünya!</p>

Link (Anchor) Etiketi

Web sayfaları arasında gezinmek için link etiketleri kullanılır. Linkler, web sayfasındaki bir metin veya bir resim üzerinde belirtilir ve tıklanarak diğer web sayfalarına yönlendirilir.

<a href="https://www.example.com">Örnek Sayfa</a>

Resim (Image) Etiketi

Web sayfalarında görüntüler için resim etiketi kullanılır. Aşağıdaki örnek, “resim.jpg” dosyasını görüntüler.

<img src="resim.jpg" alt="Resim Açıklaması">

Liste Etiketleri

Web sayfalarında sıralı veya sırasız listeler oluşturmak için liste etiketleri kullanılır.

<ul>
  <li>Madde 1</li>
  <li>Madde 2</li>
  <li>Madde 3</li>
</ul>

<ol>
  <li>Madde 1</li>
  <li>Madde 2</li>
  <li>Madde 3</li>
</ol>

Meta Açıklaması

Web sayfalarının içeriği hakkında bilgi vermek için meta etiketleri kullanılır. Meta etiketleri, web sayfasının başlığı, açıklaması, anahtar kelimeleri gibi bilgileri içerebilir.

<head>
  <title>Başlık</title>
  <meta name="description" content="Web sayfası açıklaması">
  <meta name="keywords" content="anahtar kelime1, anahtar kelime2, anahtar kelime3">
</head>

HTML etiketlerinin bir diğer önemli kullanımı da sayfa içi metnin biçimlendirilmesidir. Bu, okuyucuların sayfada gezinirken daha kolay bir deneyim yaşamasına yardımcı olabilir. Bazı temel biçimlendirme etiketleri şunlardır:

<h1>, <h2>, <h3> gibi başlık etiketleri: Sayfadaki başlıkları tanımlar ve boyutları farklılaştırır. <h1> en büyük başlığı ifade ederken, <h6> en küçük başlığı ifade eder.
<p> etiketi: Paragraf etiketidir. Yeni bir paragraf oluşturmak için kullanılır.
<strong> ve <em> etiketleri: Bu etiketler metinleri kalın veya italik yapmak için kullanılır. <strong> etiketi metni kalın yaparken, <em> etiketi metni italik yapar.
<ul> ve <li> etiketleri: Bu etiketler bir liste oluşturmak için kullanılır. <ul> etiketi ana listenin başlangıcını belirtirken, <li> etiketi her bir öğeyi belirtir.
<a> etiketi: Bu etiket, bir bağlantı oluşturmak için kullanılır. href özelliği kullanılarak hedef URL belirtilir. Örneğin, <a href="https://www.example.com">Example Site</a> kodu, “Example Site” metnini tıklanabilir bir bağlantıya dönüştürür.

Bu temel HTML etiketlerini kullanarak sayfa içi metninizi biçimlendirebilirsiniz. Ayrıca, CSS (Cascading Style Sheets) kullanarak daha ileri düzeyde biçimlendirme seçenekleri de mevcuttur. Ancak, bu konu daha ileri seviye bir HTML eğitimi gerektirir. CSS kategorimize buradan göz atabilirsiniz.

Categorized in:

HTML,

Last Update: 12 Nisan 2023

Tagged in:

Başlık Etiketleri, Link Etiketi, Liste Etiketleri, Meta Açıklaması, Paragraf Etiketi, Resim Etiketi

Temel HTML etiketleri