Bloque HTML y elementos en línea

❮ AnteriorSiguiente ❯

---

Cada elemento HTML tiene un valor de visualización predeterminado según el tipo de elemento que sea. El valor de visualización predeterminado para la mayoría de los elementos es bloque o en línea.

---

Elementos de nivel de bloque

Un elemento de nivel de bloque siempre comienza en una nueva línea y ocupa todo el ancho disponible (se extiende hacia la izquierda y hacia la derecha todo lo que puede).

El elemento <div> es un elemento de nivel de bloque.

Ejemplos de elementos de nivel de bloque:

• <div>
• <h1> - <h6>
• <p>
• <forma>

---

Elementos en línea

Un elemento en línea no comienza en una nueva línea y solo ocupa tanto ancho como sea necesario.

Este es un elemento <span> en línea dentro de un párrafo.

Ejemplos de elementos en línea:

• <span>
• <a>
• <img>

---

El elemento <div>

El elemento <div> a menudo se usa como un contenedor para otros elementos HTML.

El elemento <div> no tiene atributos necesarios, pero tanto el estilo como la clase son comunes.

Cuando se usa junto con CSS, el elemento <div> se puede usar para diseñar bloques 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>

Pruebelo usted mismo »

---

El elemento <span>

El elemento <span> se usa a menudo como contenedor de algún texto.

El elemento <span> no tiene atributos requeridos, pero tanto el estilo como laclase son comunes.

Cuando se usa junto con CSS, el elemento <span> se puede usar para aplicar estilo a partes del texto:

Ejemplo

<h1>My <span style="color:red">Important</span> Heading</h1>

Pruebelo usted mismo »

---

Etiquetas de agrupamiento de HTML

Tag	Description
<div>	Defines a section in a document (block-level)
<span>	Defines a section in a document (inline)

❮ AnteriorSiguiente ❯