HTML satır içi ve blok elemanlar

Tüm HTML elemanları satır içi(inline) ve blok(block) olarak sayfaya yerleşirler.
Blok elemanlar eklendikleri konumda tüm satırı kaplarlar, dolayısıyla bir blok eleman sayfaya eklendiğinde otomatik olarak yeni bir satırdan başlar ve blok elemandan sonra eklenen elemanlar da varsayılan olarak bir alt satırdan başlayarak sayfaya yerleşir.
Satır içi elemanlar ise eklendikleri konumda sadece kendi genişlikleri kadar yer kaplarlar. Bir satır içi elemandan sonra gelen her eleman satır içi elemanın yanından başlarlar.
Satır içi elemanlara örnek olarak a, b, i, u, span etiketleri verilebilir.
Blok elemanlara örnek olarak h etiketleri, div, p, li, table etiketleri verilebilir.
Örneğin sayfada link oluşturmak için etiketi kullanılır. Ancak bu linkin hangi sayfayı açacağını belirtmek için href parametresi kullanılması gerekir.

Örneğin sayfada bir yazıyı kalın yapmak için b etiketi kullanılır. b etiketi satır içi(inline) olduğu için bu etiket kapatıldıktan sonra yanına eklenen yazılar kalın yazının yanına gelecektir.
Örnek: Aşağıdaki kodu yazıp kaydettiğinizde oluşan duruma dikkat edin.

İzmir <b>9 Eylül 1922</b>'de düşman işgalinden kurtarılmıştır.

Sayfa içinde başlık oluşturmak için kullanılan h etiketleri blok(block) elemanlar olduğu için bu etiket sayfada tek başına bir satır olarak görüntülenecektir.
Örnek: Aşağıdaki kodu yazıp kaydettiğinizde oluşan duruma dikkat edin.

İzmir <h3>9 Eylül 1922</h3>'de düşman işgalinden kurtarılmıştır.


Yorumlar


Yorum yapabilmek ve kaynak kodları indirebilmek için lütfen üye girişi yapın

Hakkımızda

Bu site, website tasarımı yapılırken frontend(ön yüz) teknolojileri hakkında kısa anlatım ve örnekler paylaşmak amacıyla hazırlanmıştır.

Web tasarımda şu an için en sık kullanılan dil ve frameworkler HTML, CSS, JQUERY ve BOOTSTRAP olması sebebiyle bu alanların üzerinde örnekler ve çalışmalar olacaktır.

İletişim

  • info@frontendokulu.com