Cada elemento HTML se muestra por defecto, o bien en bloque, o bien en línea, dependiendo del tipo de elemento que es, como vemos, existen dos tipos de valores:
- En bloque
- En línea
Elementos en bloque
Un elemento en bloque siempre comienza en una nueva línea, y los navegadores automáticamente añaden algún espacio (un margen) antes y después del elemento. Un elemento a nivel de bloque siempre ocupa todo el ancho disponible (se extiende hacia la izquierda y hacia la derecha tanto como puede).
Dos elementos en bloque comúnmente utilizados son <p> y <div>, el elemento <p> define un párrafo mientras que el elemento <div> define una sección del documento.
Elementos en bloque (listado)
La lista de elementos en bloque es la siguiente:
- <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>
Elementos en línea
Un elemento en línea no comienza en una nueva línea. Un elemento en línea solo ocupa el ancho necesario. Este es un elemento <span> dentro de un párrafo.
Elementos en línea (listado)
Este es el listado de los elementos en línea:
- <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>
El elemento <div>
El elemento <div> es frecuentemente usado como contenedor para otros elementos HTML. El elemento <div> no tiene atributos requeridos, pero el estilo, la clase y la identificación son comunes. Cuando se usa junto con CSS, el elemento <div> se puede usar para diseñar bloques de contenido.
El elemento <span>
El elemento <span> es un contenedor en línea que se utiliza para marcar una parte de un texto o una parte de un documento. El elemento <span> no tiene atributos requeridos, pero el estilo, la clase y la identificación son comunes. Cuando se usa junto con CSS, el elemento <span> se puede usar para diseñar partes del texto.