HTML Blok Ve Satiriçi - Uzmanim Akademi

uzmanimAkademi ❯ HTML CSS JAVASCRIPT ANGULAR

HTML Öğren

HTML Genel HTML Giriş HTML Editörler HTML Temeller HTML Element HTML Öznitelik HTML Başlık HTML Paragraf HTML Stil HTML Metin Biçimlendirme HTML Alıntı HTML Yorum HTML Renk HTML CSS HTML Link HTML Resim HTML Tablo HTML Listeler HTML Blok ve Satiriçi HTML Class Özniteliği HTML iFrame HTML JavaScript HTML Dosya Yolu HTML Head HTML Düzeni HTML Responsive HTML Blok ve Satiriçi ❮ Önceki Sonraki ❯

HTML Blok ve Satıriçi Elementler

HTML elementleri blok ve satıriçi olarak ikiye ayrılırlar.

Her iki tür de ekranda farklı şekilde yer kaplar.

Blok Seviye Elementler

Bir blok seviye element bulunduğu tüm satırı kaplar.

Blok seviyesi bir elementin yanına başka bir element koyamazsınız.

Fakat CSS ile elementin özelliğini değiştirmek mümkündür. Yani blok ve satıriçi arasında dönüşüm mümkündür.

Bu bir div elementidir ve bu satırı tamamen işgal eder.

Örnek blok seviye elementler:

• <p>
• <div>
• <h1> - <h6>
• <form>

Satıriçi Elementler

Bir satıriçi element sadece içeriği kadar yer kaplar. Örneğin <span> (bu alan span ile oluşturuldu) bir satıriçi elementtir.

Örnek satıriçi elementler:

• <span>
• <img>
• <a>

HTML <div> Elementi

Bir web sayfası kodlarken en çok kullanacağınız etiket <div> olacaktır.

<div> elementi diğer HTML elementlerinin taşıyıcısı olarak kullanılır.

HTML sayfalarını tasarlarken sayfayı mantıksal bölümlere ayırırız. Menü, logo, sayfa üstü, sayfa altı gibi.

Bu ayrımları oluştururken, kod kısmında <div> kullanırız.

Örnek

<div style="background-color:red;color:yellow;padding:20px;width:200px;height:100px;"> <h2>Bu bir kutudur.</h2> <p>div elementi diğer HTML elementlerinin taşıyıcısıdır.</p> </div>

Kendin Dene »

<div> etiketini daha sonra örneklerde bolca kullanacağız.

HTML <span> Elementi

<span> elementi metinlerin taşıyıcısıdır. Metinleri paragraf içinde yazmak istemediğinizde <span> içinde yazabilirsiniz.

<span> etiketi kullandığınız zaman bu metne CSS ile biçim verebilirsiniz.

Örneğin <h1> etiketi ile yazılmış bir başlığın içindeki bir kelimeyi farklı zemin ve renk ile yazmak istersek:

Örnek

<h1>Span <span style="background:#000; color:red">inline</span> bir elementtir.</h1>

Kendin Dene »

 

<div> ve <span> etiketleri HTML'de en fazla kullanılan etiketlerin başında gelir.

Her iki elementin sahip olduğu class ve style öznitelikleri ile CSS uygulamak mümkündür.

❮ Önceki Sonraki ❯

Anlamadığınız bir konu mu var?

Konu ile ilgili sorunuzu uzmanim.net'e sorabilirsiniz: uzmanim.net'e sor!

AD

AD