HTML Block ve Inline Elementler – Bilişim & Programlama
HTML

HTML Block ve Inline Elementler

Her HTML öğesinin, ne tür öğe olduğuna bağlı olarak varsayılan bir görüntüleme değeri vardır.

İki görüntüleme değeri vardır: blok ve satır içi. (Block ve inline)

Blok Düzeyindeki Öğeler

Blok düzeyinde bir öğe her zaman yeni bir satırda başlar ve mevcut tüm genişliği kaplar (olabildiğince sola ve sağa uzanır).

Örnek:

 

HTML’deki blok düzeyi öğeler şunlardır:

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

 

HTML Satır içi Öğeler

Satır içi bir öğe yeni bir satırda başlamaz ve yalnızca gerektiği kadar genişliğe sahip olur.

 

HTML’deki blok düzeyi öğeler şunlardır:

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

 

Not: Bir satır içi öğe, blok düzeyinde bir öğe içeremez!

 

<div> Öğesi

<div> öğesi genellikle diğer HTML öğeleri için bir kap olarak kullanılır.

<div> öğesinin gerekli öznitelikleri yoktur, ancak stil, sınıf ve kimlik ortaktır.

CSS ile birlikte kullanıldığında, <div> öğesi içerik bloklarına stil uygulamak için kullanılabilir:

Örnek:

Çıktı:

 

<span> Öğesi

 

<span> öğesi, bir metnin bir bölümünü veya bir belgenin bir bölümünü işaretlemek için kullanılan bir satır içi kapsayıcıdır.

<span> öğesinin gerekli öznitelikleri yoktur, ancak stil, sınıf ve kimlik ortaktır.

CSS ile birlikte kullanıldığında, <span> öğesi metnin bölümlerine stil uygulamak için kullanılabilir:

 

Örnek:

Yorum yap

This site uses Akismet to reduce spam. Learn how your comment data is processed.

%d blogcu bunu beğendi: