html öne çıkan görsel

HTML Element Tipleri

Merhaba arkadaşlar, bu yazımda HTML’de bulunan element tipleri hakkında bilgi vermeye çalışacağım.

HTML de iki element tipi bulunmaktadır. Bunlar blok düzeyi ve satır içi olarak tanımlanmaktadır. Blok düzeyi dediğimiz öğeler yeni bir satırdan başlar.

Örnek= <h1>, <form>, <p>, <table>, <div> vb.

Satır içi öğeler ise satır kırılmaları olmadan görüntülenir.

Örnek = <b>, <a>, <img>, <input>, <span> vb.

Bunları zamanla kullanarak daha iyi kavrayabilirsiniz.

<div> öğesi, genellikle diğer HTML öğelerini kapsayısı olarak kullanılan blok düzeyi bir öğedir. Kullanımı çok fazladır. HTML öğelerini bir kutu içerisine almak gibi düşünebilirsiniz. Bazı CSS stilleriyle birlikte kullanıldığında <div> öğesi içerik bloklarını biçimlendirmek için kullanılabilir.

CSS hakkında bilginiz yoksa buraya bakabilirsiniz.

Şimdi yukarıdaki paragraf da ne dediğimi bir kod yazarak anlatayım.

Burada div içerisine paragrafları aldık. Div etiketine ise style özelliğini kullanarak süsledik. Ekran çıktımıza bakalım şimdi de.

html element tipleri blok elementleri kullanımı

Bu örnekle birlikte div kullanımını da gördük. Div öğesine verdiğimiz stiller ile altındaki tüm alan etkilendi. Şimdi bir de <span> kullanımına bakalım.

Yine benzer şekilde <span> öğesi, bazı metinler için kutu görevi gören satır içi bir öğedir. CSS ile birlikte kullanıldığında metnin sadece bir kısmının biçimlendirilmesi için kullanılabilir. Bunun da örneğini şu şekilde vereyim.

Burada bir başlık ekledik ve bunun içerisinde Önemli kelimesinin renginin farklı olmasını istiyoruz. Bunun ekran çıktısı ise aşağıdaki gibi olacaktır.

element tipleri - span öğesinin kullanımı

Son bir özet olarak, <div> elementi blok düzeyinde bir bölüm/alan tanımlar. <span> öğesi ise belgedeki satır içinde bir bölümü ifade etmektedir.

[the_ad id=”1292″]

Element tipleri konusu bu kadar, umarım anlaşılır olmuştur. Kullandıkça bunlar pekişmektedir.

Bir cevap yazın