BLOQUES y Elementos EN LINEA en HTML

Logo de Cuarzo.dev
Cuarzo.dev

Recibe cada lunes y jueves un correo para ayudarte a impulsar tus habilidades de programación. Ofreciéndote consejos, tutoriales, recursos gratuitos, noticias relevantes y una comunidad comprometida. También tenemos memes 😏

Suscríbete Gratis

Si tienes alguna duda con el curso o te quedas en algún punto donde no sepas avanzar te puedes unir gratis a nuestra comunidad de discord y preguntar tus dudas, que la comunidad estará encantada de ayudarte.

Únete al discord

Bloques y elementos en línea

Todos los elementos HTML tienen un valor de visualización predeterminado según el tipo de elemento que sea.

Los dos valores de visualización son: block e inline.

Bloques

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 tanto como sea posible).

En línea

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

El elemento <div>

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

El elemento <div> no tiene atributos obligatorios, pero style, class e id se suelen usar.

See the Pen HTML | 1.13 - Bloques y elementos en línea - div by Francisco Palomares Barrios (@kikopalomares) on CodePen.

El elemento <span>

El elemento <span> a menudo se usa como contenedor para textos.

El elemento <span> no tiene atributos obligatorios, pero style, class e id se suelen usar.

See the Pen HTML | 1.13 - Bloques y elementos en línea - span by Francisco Palomares Barrios (@kikopalomares) on CodePen.

Al suscribirte estás aceptando los términos de uso y la política de privacidad. Puedes darte de baja en cualquier momento.

Libro No todo es programar de Kiko Palomares
Koding Beats