
- Qué es HTML y cómo funciona
- Qué son las etiquetas y cláusulas de apertura y cierre
- Tabulaciones en el documento
- Formatos de archivo
- Cómo abrir el documento con el navegador y con un editor
- Cómo mostrar las extensiones de archivo en Windows.
- Etiqueta <a>
- Atributos de las etiquetas
- Texto ancla o anchor text de un enlace
- Uso del atributo href
El recurso externo que te pongo a continuación lo usaremos en las clases sucesivas sobre enlaces. No lo pierdas de vista.
- Cómo crear un enlace que apunta a un correo electrónico
- Cómo precargar el asunto o los destinatarios en el email
- Etiqueta img
- Atributo src
- Atributo alt
- Cómo insertar una imagen en HTML
W3Scools como recurso
Cambiar el aspecto de las listas
Listas anidadas
Etiquetas básicas para crear tablas en HTML
Uso de filas y columnas
Agregar cabeceras en las tablas
Poner título a las tablas
Etiquetas para combinar celdas por filas o columnas
Ejemplo de combinaciones
Sobre el tamaño de las celdas
Planteamiento de ejercicio y un ejemplo de partida
Banco de imágenes de relleno
Planteamiento
Estructura de carpetas y archivos
Página de inicio
Creación del menú v1
Creación de las páginas de categorías del blog
Ajustes en el menú
Las imágenes
Alineación de los elementos de la tabla
Agregamos las “columnas” con los accesos a los artículos del blog
Ajuste del ancho en las columnas
Reestructuración del menú
Replicamos el modelo en el resto de la estructura
Creamos las páginas de las recetas
Probamos todo y eliminamos los bordes
Introducción a formularios
Especificación de código de caracteres del documento
Ejemplo de etiqueta div
Primer ejemplo de formulario
Etiqueta form
Etiqueta input
Atributo placeholder
Botones de formularios
Campos de contraseña
Ejemplo con envío y reset
Atributo size
Área de texto
Casillas de verificación o Checkbox, que admiten la sección múltiple.
Botones redondos o radio buttons, que permiten agrupación y selección única.
Listas desplegables
Asociación de campos con etiquetas mediante label
Etiquetas de agrupación en formularios
Nuevos elementos input en HTML5
Algunas reglas de validación de formularios
Campos de búsqueda que se autocompletan
Principales cambios respecto a versiones anteriores de HTML
Etiqueta doctype
Etiquetas semánticas y roles
Etiquetas de audio y video
Controles y formatos
Ejemplos con otras etiquetas que incorpora HTML5
Este curso está diseñado para cualquier persona que desee aprender HTML desde cero, ya sea para mejorar sus habilidades de desarrollo web, cambiar de carrera o simplemente por curiosidad. A lo largo de este curso, aprenderás desde los conceptos básicos hasta técnicas avanzadas de HTML, permitiéndote crear y estructurar tus propias páginas web con confianza.
El curso está dirigido a una amplia audiencia interesada en aprender HTML, independientemente de su nivel de experiencia previa.
Beneficios
Adquisición de Nuevas Habilidades:
Dominarás HTML, una habilidad fundamental para cualquier desarrollador web.
Flexibilidad en el Aprendizaje:
Puedes aprender a tu propio ritmo y en tus propios horarios, adaptándose a tu agenda personal y profesional.
Proyectos Prácticos:
Aplicarás lo aprendido en proyectos reales, lo que te permitirá crear un portafolio para mostrar a potenciales empleadores o clientes.
Soporte y Comunidad:
Tendrás acceso a un foro de discusión donde puedes interactuar con el instructor y otros estudiantes, compartiendo dudas y experiencias.
Este curso está cuidadosamente diseñado para ser accesible y beneficioso para cualquiera que quiera aprender HTML, sin importar su trasfondo o experiencia previa.
Recursos Adicionales:
Acceso a artículos y tutoriales en el blog del instructor.
Recursos descargables para prácticas y ejercicios.
Ejemplos de código y plantillas de proyectos.
Preguntas Frecuentes (FAQs)
¿Necesito tener conocimientos previos en HTML? No, este curso está diseñado para principiantes sin conocimientos previos en HTML.
¿Qué software necesito para este curso? Solo necesitarás un navegador web y un editor de texto. Durante el curso, se recomienda el uso de Notepad++ u otros editores de texto similares.
¿Cuánto tiempo tomará completar el curso? El curso está diseñado para completarse en aproximadamente 30 horas, si haces todos los ejemplos y ejercicios.
¿Recibiré un certificado al finalizar el curso? Sí, al finalizar el curso, recibirás un certificado de finalización que podrás añadir a tu portafolio profesional.
¿Hay ejercicios prácticos en el curso? Sí, el curso incluye múltiples ejercicios prácticos y ejemplos para ayudarte a aplicar lo aprendido.
¿Qué hago si tengo preguntas durante el curso? Podrás hacer preguntas en la sección de comentarios del curso y recibirás respuestas de los instructores y otros estudiantes.