HTML Öğeleri
Bir HTML öğesi, bir başlangıç etiketi, bir miktar içerik ve bir bitiş etiketi ile tanımlanır.
HTML Öğeleri
HTML öğesi , başlangıç etiketinden bitiş etiketine kadar her şeydir:
Bazı HTML öğelerine örnekler:
Start tag | Element content | End tag |
---|---|---|
<h1> | My First Heading | </h1> |
<p> | My first paragraph. | </p> |
<br> | none | none |
Not: Bazı HTML öğelerinin içeriği yoktur (<br> öğesi gibi). Bu elemanlara boş elemanlar denir. Boş öğelerin bitiş etiketi yoktur!
İç İçe HTML Öğeleri
HTML öğeleri iç içe yerleştirilebilir (bu, öğelerin başka öğeler içerebileceği anlamına gelir).
Tüm HTML belgeleri iç içe HTML öğelerinden oluşur.
Aşağıdaki örnek dört HTML öğesi ( <html>
, <body>
, <h1>
ve <p>
) içerir:
Örnek
<!DOCTYPE html>
<html>
<body>
<h1>My First Heading</h1>
<p>My first paragraph.</p>
</body>
</html>
Örnek Açıklama
Öğe , <html>
kök öğedir ve tüm HTML belgesini tanımlar.
Bir başlangıç etiketi <html>
ve bir bitiş etiketi vardır </html>
.
Ardından, öğenin içinde <html>
bir <body>
öğe vardır:
<body>
<h1>My First Heading</h1>
<p>My first paragraph.</p>
</body>
<body>
Öğe, belgenin gövdesini tanımlar .
Bir başlangıç etiketi <body>
ve bir bitiş etiketi vardır </body>
.
Ardından, <body>
öğenin içinde iki öğe daha vardır:
<h1>
ve
<p>
:
<h1>My First Heading</h1>
<p>My first paragraph.</p>
<h1>
Öğe bir başlık tanımlar .
Bir başlangıç etiketi <h1>
ve bir bitiş etiketi vardır </h1>
:
<h1>My First Heading</h1>
<p>
Öğe bir paragraf tanımlar .
Bir başlangıç etiketi <p>
ve bir bitiş etiketi vardır </p>
:
<p>My first paragraph.</p>
Bitiş Etiketini Asla Atlama
Bitiş etiketini unutsanız bile bazı HTML öğeleri doğru şekilde görüntülenecektir:
Örnek
<html>
<body>
<p>This is a paragraph
<p>This is a paragraph
</body>
</html>
Ancak buna asla güvenmeyin! Bitiş etiketini unutursanız beklenmedik sonuçlar ve hatalar oluşabilir!
Boş HTML Öğeleri
İçeriği olmayan HTML öğelerine boş öğeler denir.
Etiket <br>
bir satır sonu tanımlar ve kapanış etiketi olmayan boş bir öğedir:
Örnek
<p>This is a <br> paragraph with a line break.</p>
HTML Büyük/Küçük Harfe Duyarlı Değildir
HTML etiketleri büyük/küçük harfe duyarlı değildir: <P>
ile aynı anlama gelir <p>
.
HTML standardı küçük harf etiketleri gerektirmez, ancak W3C HTML'de küçük harf kullanılmasını önerir ve XHTML gibi daha katı belge türleri için küçük harf gerektirir .
W3Schools'da her zaman küçük harfli etiket adları kullanırız.
HTML Etiket Referansı
W3Schools' etiket başvurusu, bu etiketler ve nitelikleri hakkında ek bilgiler içerir.
Tag | Description |
---|---|
<html> | Defines the root of an HTML document |
<body> | Defines the document's body |
<h1> to <h6> | Defines HTML headings |
Mevcut tüm HTML etiketlerinin tam listesi için HTML Etiket Referansımızı ziyaret edin .