¿Qué es HTML? (+Ejemplos prácticos básicos)

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

Documentos HTML

Todos los documentos HTML deben comenzar con una declaración de tipo de documento: <! DOCTYPE html>. El documento HTML en sí comienza con <html> y termina con </html>.

La parte visible del documento HTML está entre <body> y </body>.

Cabeceras HTML

Las cabeceras o encabezados HTML se definen con las etiquetas <h1> a <h6>.

<h1> define el encabezado más importante. <h6> define el  menos importante

See the Pen HTML | 1.3 - Ejemplos básicos - Encabezados by Francisco Palomares Barrios (@kikopalomares) on CodePen.

Párrafos HTML

Los párrafos HTML se definen con la etiqueta <p>

See the Pen HTML | 1.3 - Ejemplos básicos - Párrafos by Francisco Palomares Barrios (@kikopalomares) on CodePen.

Enlaces HTML

Los enlaces HTML se definen con la etiqueta <a>.

El destino del enlace se especifica en el atributo href.

Los atributos se utilizan para proporcionar información adicional sobre elementos HTML.

See the Pen HTML | 1.3 - Ejemplos básicos - Enlaces by Francisco Palomares Barrios (@kikopalomares) on CodePen.

Imágenes HTML

Las imágenes HTML se definen con la etiqueta <img>.

El archivo fuente (src), el texto alternativo (alt), el ancho (width) y el alto (height) se proporcionan como atributos

See the Pen HTML | 1.3 - Ejemplos básicos - Imágenes by Francisco Palomares Barrios (@kikopalomares) on CodePen.

Botones HTML

Los botones HTML se definen con la etiqueta <button>

See the Pen HTML | 1.3 - Ejemplos básicos - Botones by Francisco Palomares Barrios (@kikopalomares) on CodePen.

Listas HTML

Las listas HTML se definen con la etiqueta <ul> (lista desordenada / con puntos) o <ol> (lista ordenada / numerada), seguidas de etiquetas <li> (elementos de la lista)

See the Pen HTML | 1.3 - Ejemplos básicos - listas 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