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

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.

¿Quieres más?

Si estás interesado en el mundo de la programación y el desarrollo web, te recomiendo que te suscribas a mi canal de youtube donde tienes mucho más contenido gratuito

IR AL CANAL

¿Quieres convertirte en desarrollador web? [GRATIS]

Déjame aquí tu mejor email y te mandaré un curso para que puedas empezar en el desarrollo web totalmente GRATIS!

¡Prometo no enviarte SPAM! Sólo cosas relevantes que te interesen.