HTML Block Ve Inline Elementler (Aynı Ve Farklı Satır) - Çağrı Güngör

HTML’de bazı elemanlar aynı satırda bulunma , eklendiği satırda kalma eğilimindedir. Bazı elemanlar ise kendine ait satırda yalnız kendisi kalmak ister. Bunları html dilinde

Block Elements : kendine ait blok oluşturanlar

Inline Elements: eklendiği satırda bulunmak isteyenler

olarak ikiye ayırıyoruz.

Örnek:

<span style="color:blue;">Mavi</span> <span style="color:green;">Yeşil</span> <span style="color:yellow;">Sarı</span>

Önizleme:

MaviYeşilSarı

Yukarıdaki örnekte span elemanını kullandığımız için her bir yazı yan yana geldi. Kod yazarken boşluk ve satır bırakmamız sonucu değiştirmeyecektir. Çünkü < span > bir inline elemandır.

Örnek :

<h3 style="color:blue;">Mavi</h3> <h3 style="color:green;">Yeşil</h3> <h3 style="color:yellow;">Sarı</h3>

Önizleme:

Mavi

Yeşil

Sarı

< H3 > tagleri ise alt alta durma özelliğine sahiptir. Yani hepsi birer satır (block) kaplarlar.

Aynı Satırda Bulunan Inline HTML Etiketleri

<a> <abbr> <acronym> <b> <bdo> <big> <br> <button> <cite> <code> <dfn> <em> <i> <img> <input> <kbd> <label> <map> <object> <output> <q> <samp> <script> <select> <small> <span> <strong> <sub> <sup> <textarea> <time> <tt> <var>

Farklı Satıra Geçen Block HTML Etiketleri

<address> <article> <aside> <blockquote> <canvas> <dd> <div> <dl> <dt> <fieldset> <figcaption> <figure> <footer> <form> <h1><h2><h3><h4><h5><h6> <header> <hr> <li> <main> <nav> <noscript> <ol> <p> <pre> <section> <table> <tfoot> <ul> <video> 4.3 4 votesArticle Rating

Từ khóa » Html Blok Elementleri