HTML Etiket Yapısı – Bilişim & Programlama
HTML

HTML Etiket Yapısı

Bir HTML öğesi genellikle içeriğin arasına eklenmiş bir başlangıç ​​etiketi ve bitiş etiketinden oluşur:

<etiket>İçerik buraya…</etiket>

HTML öğesi, başlangıç ​​etiketinden bitiş etiketine kadar olan her şeydir.

Başlangıç Etiketi Öğe İçeriği Bitiş Etiketi
<h1> My First Heading </h1>
<p> My first paragraph. </p>
<br>

Not:  <br> gibi içeriği olmayan HTML öğelerine boş öğeler denir. Boş öğelerin, bir bitiş etiketi yoktur.

 

İç içe HTML Öğeleri

HTML elemanları iç içe öğeler elementler içerebilir.

Tüm HTML belgeleri, iç içe HTML öğelerinden oluşur.

Bu örnekte dört HTML öğesi bulunur.

Örneği açıklayalım:

<html> öğesi tüm belgeyi tanımlar.

Bir başlangıç ​​etiketi <body> ve bir son etiketi </body> vardır.

body içerisinde iki html öğesi <h1> ve <p> bulunmaktadır.

 

<h1>Başlık</h1>  öğesi bir başlığı tanımlar.

<h1> başlangıç etiketi, </h1> bitiş etiketi şeklinde yazılır.

Başlangıç ve bitiş etiketleri arasına başlık olarak görüntülenecek içerik yazılmalıdır.

 

<p>Paragraf.</p> etiketi paragraf oluşturmak için kullanılır.

<p> başlangıç etiketi, </p> bitiş etiketi şeklinde yazılır.

Başlangıç ve bitiş etiketleri arasına başlık olarak görüntülenecek içerik yazılmalıdır.

 

Not: Bitiş etiketlerini unutsanız bile bazı öğeler düzgün görüntülenecektir. Fakat asla buna güvenmeyin. Bitiş etiketini unutursanız beklenmedik sonuçlar ve / veya hatalar meydana gelebilir.

 

Boş HTML Öğeleri

İçeriği olmayan HTML öğelerine boş öğeler denir.

Örneğin <br> kapanış etiketi olmayan boş bir öğedir. (alt satıra geçiş için kullanılır).

Boş öğeler açılış etiketinde şu şekilde ‘kapalı’ olabilir: (<br />.)

HTML5, kapatılacak boş öğeler gerektirmez. Ancak daha sıkı bir doğrulama istiyorsanız veya belgenizi XML ayrıştırıcıları tarafından okunabilir hale getirmeniz gerekiyorsa, tüm HTML öğelerini doğru bir şekilde kapatmanız gerekir.

HTML Küçük/Büyük Harf Yazımı

Html etiketleri küçük büyük harfe duyarlı değildir. Yani <P> etiketi ile <p> etiketi aynı şekilde çalışacaktır.

Fakat önerilen küçük harflerin kullanımıdır. (<br> , <h3> ,<p>..)

algoritmaornekleri.com sitesinde bulunan Html kodlarında daima küçük harf kullanacaktır.

 

 

Yorum yap

This site uses Akismet to reduce spam. Learn how your comment data is processed.

%d blogcu bunu beğendi: