Cada elemento HTML tiene un valor de visualización por defecto dependiendo de qué tipo de elemento que es. El valor de visualización por defecto para la mayoría de los elementos es el bloque o en línea.
Elementos de bloque de nivel
Un elemento en bloque siempre empieza en una nueva línea y ocupa todo el ancho disponible (stretches out to the left and right as far as it can) .
Ejemplos de elementos a nivel de bloque:
- <div>
- <h1> - <h6>
- <p>
- <form>
Elementos en línea
Un elemento en línea no se inicia en una nueva línea y sólo ocupa el mismo ancho que sea necesario.
Se trata de una línea <span> elemento dentro de un párrafo.
Ejemplos de elementos en línea:
- <span>
- <a>
- <img>
La <div> Element
La <div> elemento es un elemento en bloque que se utiliza a menudo como un contenedor para otros elementos HTML.
La <div> elemento tiene ningún atributo necesario, pero style y la class son comunes.
Cuando se utiliza junto con CSS, el <div> elemento puede ser utilizado para bloques de estilo de contenido:
Ejemplo
<div style="background-color:black; color:white; padding:20px;">
<h2>London</h2>
<p>London is the capital city of England. It is the most populous city in the United Kingdom, with a metropolitan area of over 13 million inhabitants.</p>
</div>
Inténtalo tú mismo " La <span> Element
La <span> elemento es un elemento en línea que se utiliza a menudo como un contenedor de algún texto.
La <span> elemento tiene ningún atributo necesario, pero style y la class son comunes.
Cuando se utiliza junto con CSS, el <span> elemento puede ser utilizado para piezas de estilo del texto:
Etiquetas HTML Agrupación
Etiqueta | Descripción |
---|---|
<div> | Define una sección de un documento (block-level) |
<span> | Define una sección de un documento (inline) |