En este artículo, exploraremos los conceptos básicos de código HTML5 y proporcionaremos ejemplos prácticos para ayudarte a entender cada elemento y su utilización.
¿Qué es código HTML5 básico?
HTML5 (Hypertext Markup Language) es un lenguaje de marcado de hipertexto utilizado para crear páginas web. Es el lenguaje de marcado estándar para la creación de páginas web y es ampliamente utilizado en laactualidad. HTML5 se enfoca en crear páginas web más interactivas, dinámicas y accesibles, gracias a nuevas características y elementos como `
Ejemplos de código HTML5 básico
- Estructura básica de un documento HTML: `
Título de la página Bloque de contenido `
Este es el formato básico de un documento HTML. El elemento `` es el elemento raíz, que contiene todos los demás elementos. El elemento `
` contiene metadatos sobre la página, como el título y las direcciones de enlace. El elemento `` contiene el contenido principal de la página.- Encabezado H1: `
Título principal
`
Este es un ejemplo de encabezado de nivel 1 (H1), que se utiliza para indicar el título principal de la página.
- Parrafo de texto: `
Este es un párrafo de texto.
`
Este es un ejemplo de un parrafo de texto, que se utiliza para presentar texto en la página.
- Imagen: `
ruta de la imagen alt=descripción de la imagen>`
Este es un ejemplo de cómo incluir una imagen en una página web. El atributo `src` especifica la ruta de la imagen, y el atributo `alt` especifica una descripción de la imagen para usuarios con discapacidad visual.
- Enlace: `ruta de la enlace>Título del enlace`
Este es un ejemplo de cómo crear un enlace en una página web. El atributo `href` especifica la ruta del enlace, y el texto entre los tags `` es el título del enlace.
- Lista desordenada: `
- Item 1
- Item 2
`
Este es un ejemplo de cómo crear una lista desordenada (no numerada). El elemento `
- ` indica que se trata de una lista desordenada, y los elementos `
- ` son los items de la lista.
- Tabla: `
Celda 1 Celda 2 `
Este es un ejemplo de cómo crear una tabla en una página web. El elemento `
` indica que se trata de una tabla, y los elementos `
` y ` ` son las filas y columnas de la tabla, respectivamente. - Formulario: `
`
Este es un ejemplo de cómo crear un formulario en una página web. El elemento `
- Tabla: `

