Aprende a estructurar páginas web con este curso de iniciación al lenguaje de etiquetado HTML
Curso HTML | Low code
Videos de repaso complementarios a las cápsulas formativas sobre Aprende Low code – HTML de creación de páginas web en el Cibernarium de Barcelona Activa impartidas por Daniel M. Casas
Estos videos y materiales pretenden ser material de repaso para los asistentes y son totalmente gratuitos. Por favor si detectas algún error o tienes alguna sugerencia, no dudes en escribirme mediante el formulario de contacto. ¡Gracias!
Dani M. Casas
Consultor SEO, WEB y E-commerce Barcelona
Temario:
Introducción a HTML
¿Qué es HTML y para qué sirve?
Breve historia de HTML
Importancia del lenguaje de marcado en el diseño web
Estructura básica de un documento HTML
Elementos y etiquetas de HTML
Estructura mínima de un documento: DOCTYPE, html, head y body
Atributos globales
Texto y formato
Etiquetas de encabezado (h1-h6)
Párrafos, saltos de línea y espacios en blanco
Estilos básicos: negrita, cursiva, subrayado y tachado
Listas ordenadas y desordenadas
Citas y bloques de cita
Enlaces e hipervínculos
Creación de enlaces internos y externos
Enlaces a correo electrónico y descarga de archivos
Atributos target, rel y title
Imágenes y multimedia
Inserción de imágenes y atributos (src, alt, width, height)
Formatos de imagen soportados
Inserción de audio y vídeo
Etiqueta figure y figcaption
Formularios
Creación de formularios básicos (form, input, label, button)
Tipos de campos de entrada (text, password, checkbox, radio, file, etc.)
Áreas de texto y menús desplegables (textarea, select)
Validación básica de formularios
Etiquetas semánticas y estructurales
Etiquetas header, nav, main, article, section, aside y footer
Importancia de la semántica y accesibilidad en el diseño web
En episodios anteriores….
Vibe Coding con Three.js y Claude Code: cómo crear proyectos 3D web con Inteligencia Artificial
La forma de programar está cambiando muy rápido. Durante los últimos meses hemos hablado muchísimo de Vibe Coding, de herramientas como Claude Code, OpenAI Codex o Cursor y de una nueva manera de desarrollar software en la que buena parte de nuestra interacción con el...
Qué es OpenAI Codex y para qué sirve | Guía práctica en español
OpenAI Codex es un agente de programación con IA que permite trabajar sobre proyectos de software, revisar código, crear prototipos y automatizar tareas. En esta guía te explico qué es, para qué sirve y cómo empezar a usarlo con criterio.


