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: