Takip Edin

HTML

HTML Elemanları

Elemanlar, HTML’nin temelidir. Her HTML belgesi, etiket kullanarak belirtilen elemanlardan oluşur.

HTML elemanları ve HTML etiketleri genellikle karıştırılmaktadır. Bir HTML elemanı; başlangıç etiketi, özellikler, bitiş etiketi ve bunların arasındaki içerikten oluşmaktadır. HTML etiketi ise bir HTML elemanının başlangıcını veya bitişini belirtmek için kullanılmaktadır.

Örneğin, <h1> Belge Başlığı </h1> bir HTML elemanı iken <h1> ve </h1> ise birer HTML etiketidir.

Html Elemanı- Paragraf Etiketi

Her HTML elemanı, kapanış etiketininin bulunmasını gerektirmez. Bunlar; boş elemanlar veya kendiliğinden kapanan elemanlar olarak adlandırılırlar: <img>, <br>, <hr> vb.

İç İçe HTML Elemanları

  • HTML elemanları iç içe yerleştirilebilir.
  • Tüm HTML belgeleri, iç içe HTML elemanlarından oluşur.

Aşağıdaki örnekte <p> elemanının içine yerleştirilmiş bazı elemanlar gösterilmektedir:

  • <html> elemanı, belgenin tamamını tanımlar. Bir başlangıç etiketi(<html>) ve bitiş etiketi(</html>)ne sahiptir.
  • <html> elemanının içinde <body> elemanı bulunmaktadır. <body> elemanı, belgenin gövdesini tanımlar. Bir başlangıç etiketi(<body>) ve bitiş etiketi(</body>)ne sahiptir.
  • <body> elemanının içinde 4 tane <p> elemanı bulunmaktadır. <p> elemanı, bir paragrafı tanımlar. Bir başlangıç etiketi(<p>) ve bitiş etiketi(</p>)ne sahiptir.
  • İlk <p> elemanının içinde <em> elemanı bulunmaktadır. <em> elemanı, vurgulanan metni ifade eder. Bir başlangıç etiketi(<em>) ve bitiş etiketi(</em>)ne sahiptir.
  • İkinci <p> elemanının içinde <mark> elemanı bulunmaktadır. <mark> elemanı, işaretlenmiş metni tanımlar. Bir başlangıç etiketi(<mark>) ve bitiş etiketi(</mark>)ne sahiptir.
  • Üçüncü <p> elemanının içinde <strong> elemanı bulunmaktadır. <strong> elemanı, önemli metinlerin ifade edilmesinde kullanılır. Bir başlangıç etiketi(<strong>) ve bitiş etiketi(</strong>)ne sahiptir.
  • Dördüncü <p> elemanının içinde <u> elemanı bulunmaktadır. <u> elemanı, normal metinden biçimsel olarak farklı olması gereken bir metni ifade eder. Bir başlangıç etiketi(<u>) ve bitiş etiketi(</u>)ne sahiptir.

HTML elemanları doğru sırada yerleştirilmelidir, açılışlarının tersi sırada kapatılmalıdır, yani son açılan etiket ilk önce kapatılmalıdır.

HTML Etiketlerinde Büyük/Küçük Harf Duyarlılığı

HTML etiketleri, büyük/küçük harfe duyarlı değildir ancak belgenizi, gelecek sürüm yükselmelerinde daha uyumlu hale getirebilmek adına küçük harf kullanmanız önerilir.

Blok Düzeyinde ve Satır İçi HTML Elemanları

Tüm HTML elemanları stil verme amacına göre ikiye ayrılır:

  • Blok Düzeyinde HTML Elemanları,
  • Satır İçi HTML Elemanları

Blok düzeyindeki elemanlar,

  • İçeriğinizi uyumlu bloklara bölerek web sayfanızın ana kısmını yapılandıran elemanlardır.
  • Daima yeni bir satır üzerinde başlarlar ve soldan sağa doğru web sayfasının tüm genişliğini kaplarlar.
  • Hem blok seviyesi hem de satır içi HTML elemanları içerebilirler.
  • <ul>, <ol>, <li>, <p>, <div>, <h1>-<h6>, <form> blok düzeyinde HTML elemanlarına örnektir.

Yukarıdaki örnekte web sayfasının alt bilgisini tanımlamak için blok düzeyinde HTML elemanı olan <footer> elemanı kullanılmıştır.

Satır içi HTML elemanları,

  • Metnin bir kısmını ayırt etmek ve bu kısma belirli bir anlam veya işlev vermek için kullanılır.
  • Sayfanın tam genişliğini kaplamazlar sadece açılış ve kapanış etiketi ile sınırlı alanı kaplarlar.
  • Genellikle diğer HTML elemanlarının içinde kulanılırlar.
  • <em>, <i>, <strong>, <b>, <button>, <a>, <img>, <span> satır içi HTML elemanlarına örnektir.
Devamını oku

Popüler

error: Content is protected !!