Html Block ve İnline Block Elementler

  • Yazar:Ömer Aktaş
  • Tarih:31 Mayıs 2020
  • Saat:16:39
  • Görüntülenme:72

  • HTML inline ve block elementler

    Bu yazımızda html ve css de sıkça karşılaştığımız inline ve block kavramlarıyla ilgili bazı konuları konuşacağız.

    Block,inline  ve inline-block özellikleri bir elementin sayfadaki davranışını belirler,

    İnline Element Nedir?

    İnline element satır içinde kapladığı yer kadar  yer tutan elemanlardır, bu elemanlar width ve height değeri alamazlar ne kadar içerik değerleri varsa o kadar yer kaplarlar.

    HTML İnline Etiketler Listesi

    <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>

    Block Element Nedir?

    Block elementler ise inline elemntlerin tersine bulunduğu bloğu tamamen kaplar ve yanına koyulan elementler bir alt satıra geçmek zorunda kalır ne kadar kısa olursa olsun yanına hiçbir element kabul etmezler ve o satırı kaplarlar.

    HTML Block Etiketler Listesi

    <address>
    <article>
    <aside>
    <blockquote>
    <canvas>
    <dd>
    <div>
    <dl>
    <dt>
    <fieldset>
    <figcaption>
    <figure>
    <footer>
    <form>
    <h1>-<h6>
    <header>
    <hr>
    <li>
    <main>
    <nav>
    <noscript>
    <ol>
    <p>
    <pre>
    <section>
    <table>
    <tfoot>
    <ul>
    <video>

    İnline-Block Element Nedir?

    Bu elementler genel olarak inline element özelliği gösterirler, inline elementten farkı ve block elementlere yakınlığı ise width ve height değeri alabilmeleridir.


    Etiketler: ~ ~ ~ ~ ~ ~ ~ ~ ~

    Ömer Aktaş Hakkında
    Çocukluğum mahallede top oynayarak ve Atari Salonlarında oyun oynayarak geçti 2000'li yıllarla internet ile tanışmam ile faklı bir dünyaya adım attım bilgisayarı oyun oynamak ve basit video editlemeleri ile uğraşırken 2007 yılında giriver.com ile web dünyasına adım attım şu anda web master olarak hayatına devam ediyorum,Hayat Boyu Öğrenciyim....

    Makale hakkında görüşlerinizi belirtmek istermisiniz?