HTML Eğitimi

HTML ANA SAYFA HTML'ye Giriş HTML Düzenleyiciler HTML Temel HTML Öğeleri HTML Özellikleri HTML Başlıkları HTML Paragrafları HTML Stilleri HTML Biçimlendirme HTML Alıntılar HTML Yorumları HTML Renkleri HTML CSS'si HTML Bağlantıları HTML Görselleri HTML Sık Kullanılan Simgesi HTML Tabloları HTML Listeleri HTML Bloğu ve Satır İçi HTML Sınıfları HTML Kimliği HTML İç Çerçeveleri HTML JavaScript'i HTML Dosya Yolları HTML Başlığı HTML Düzeni HTML Duyarlı HTML Bilgisayar Kodu HTML Semantiği HTML Stil Kılavuzu HTML Varlıkları HTML Sembolleri HTML Emojileri HTML Karakter Seti HTML URL Kodlaması HTML'ye karşı XHTML

HTML Formları

HTML Formları HTML Formu Nitelikleri HTML Form Öğeleri HTML Giriş Türleri HTML Girdi Nitelikleri HTML Giriş Formu Nitelikleri

HTML Grafikleri

HTML Kanvas HTML SVG'si

HTML Ortamı

HTML Ortamı HTML Videosu HTML Ses HTML Eklentileri HTML YouTube

HTML API'leri

HTML Coğrafi Konum HTML Sürükle/Bırak HTML Web Depolama HTML Web Çalışanları HTML ÖAM

HTML Örnekleri

HTML Örnekleri HTML Testi HTML Alıştırmaları HTML Sertifikası HTML Özeti HTML Erişilebilirliği

HTML Referansları

HTML Etiket Listesi HTML Özellikleri HTML Genel Nitelikleri HTML Tarayıcı Desteği HTML Olayları HTML Renkleri HTML Kanvas HTML Ses/Video HTML Doktipleri HTML Karakter Kümeleri HTML URL Kodlaması HTML Dil Kodları HTTP Mesajları HTTP Yöntemleri PX'den EM'ye Dönüştürücü Klavye kısayolları

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:

< tagname > İçerik buraya gelir... < /tagname >

Bazı HTML öğelerine örnekler:

< h1 > İlk Başlığım < /h1 >
< p > İlk paragrafım. < /p >
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 .