Curso de HTML desde cero [completo]Logo de Github
Ver el curso en GitHub
¬ŅQuieres el libro del curso?
Artículos relacionados:

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