Conceptos básicos de HTML

Conceptos básicos de HTML

0%

1. Comprendiendo la Web y HTML

Obtén una introducción a la web y HTML, incluyendo la importancia de las etiquetas, elementos y atributos. Aprende sobre la estructura básica de un documento HTML y la breve historia de la web.

Introducción al Curso

Introducción a la Web

Breve Historia de la Web

¿Por qué necesitamos HTML?

Estructura Básica de un Documento HTML

Etiquetas, Elementos y Atributos

2. Fundamentos de HTML

Domina los conceptos básicos del marcado HTML, centrándote en el formato especial de texto y listas, comprendiendo su importancia en la estructuración del contenido dentro de un documento HTML. Sumérgete en las complejidades de la estructura del documento HTML mientras perfeccionas las técnicas de marcado de texto.

Estructura del Documento HTML

Desafío: Estructura del Documento HTML

Marcado de Texto

Desafío: Marcado de Texto

Marcado de Texto Especial

Desafío: Marcado de Texto Especial

Desafío: Listas

3. Imágenes y Medios

Desbloquea el poder del contenido visual y auditivo en el desarrollo web mientras aprendes a integrar sin problemas imágenes, videos y elementos de audio en documentos HTML. Explora las sutilezas de incorporar varios formatos de medios.

Desafío: Imágenes

Desafío: Audio

Desafío: Video

4. Tablas y Formularios

Navega por las complejidades de la presentación de datos y la interacción del usuario con una cobertura completa de tablas y formularios en HTML, abarcando estructuras de tablas, creación de formularios y elementos de entrada. Adquiere competencia en la implementación de elementos de entrada de formularios y el aprovechamiento de atributos para una funcionalidad mejorada.

Desafío: Tabla

Desafío: Formularios

Elementos de Entrada de Formulario y Etiqueta

Desafío: Elementos de Entrada de Formulario y Etiqueta

Atributos para Elementos de Entrada

5. HTML Avanzado

Eleva tus habilidades de HTML al siguiente nivel explorando elementos semánticos de HTML, lo que te permitirá crear contenido web bien estructurado y accesible. Emprende la construcción de tu primer sitio web, aplicando el nuevo conocimiento para dar vida a tus ideas.

HTML Semántico

Elementos Semánticos

Desafío: Elementos Semánticos

Construyendo Todo el Sitio Web

Contenido del Curso

Conceptos básicos de HTML

Conceptos básicos de HTML

Desafío: Elementos Semánticos

Tarea

Crea un documento HTML para el sitio web de una empresa de desarrollo de Flutter utilizando elementos HTML semánticos para mejorar la accesibilidad y la optimización en motores de búsqueda.

Asegúrate de que cada sección del sitio web esté envuelta en los elementos HTML semánticos apropiados (<header>, <nav>, <section>, <footer>).

index

index

index

Pista

Paso 1: Usa el elemento header para contener los elementos principales de la marca y la navegación.
Paso 2: Utiliza el elemento nav para el menú de navegación.
Paso 3: Envuelve cada sección distinta de contenido en un elemento section.
Paso 4: El elemento footer debe contener información de copyright, enlaces de política y detalles de contacto.

index

index

index

¿Todo estuvo claro?

¡Gracias por tus comentarios!

Sección 5. Capítulo 3

some-alt