Los últimos tutoriales de desarrollo web

Bloque HTML y Elementos en línea


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

La <div> elemento es un elemento en bloque.

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:

Ejemplo

<h1>My <span style="color:red">Important</span> Heading</h1>
Inténtalo tú mismo "

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)