Máster en HTML5, de 0 a experto, Universidad, GS, DAM, DAW

U1: HTML -- Introducción a HTML

• Descargar google
• Descargar Visual Studio Code
• xtensiones para Visual Studio Code
• Hola mundo en HTML
• Comentarios en HTML
• Primera página básica en HTML
• ormas de ejecutar una página HTML
• Generación de plantilla HTML con VSC

U2:  HTML -- Elementos básicos en HTML

• Títulos en HTML
• Párrafos en HTML
• Links en HTML
• Imágenes en HTML
• Formato de texto en HTML etiqueta <b>
• Formato de texto en HTML etiqueta <strong>
• Formato de texto en HTML etiqueta <i>
• Formato de texto en HTML etiqueta <em>
• Formato de texto en HTML etiqueta <small>
• Formato de texto en HTML etiqueta <mark>
• Formato de texto en HTML etiqueta <del>
• Formato de texto en HTML etiqueta <ins>
• Formato de texto en HTML etiqueta <sub>
• Formato de texto en HTML etiqueta <sup>
• Uso de caracteres en HTML
• Estilos básicos CSS en HTML

U3: CSS -- Introducción a CSS

• Introducción a CSS
• Formas de agregar estilos CSS
• Clases en CSS
• Funcionamiento del cascadeo en CSS
• Introducción al Box Model en CSS

U4: HTML -- Links en HTML y CSS

• Rutas relativas y absolutas para los links HTML
• Marcadores Bookmarks en HTML
• Estado y colores de los links en HTML con CSS
• Links con botones en HTML y CSS
• Links con Imágenes en HTML

U5: HTML -- Tablas en HTML

• Tablas en HTML
• Atributos colspan y rowspan en Tablas HTML
• Tablas en HTML con CSS
• Ejercicio 1 tablas HTML
• Ejercicio 2 tablas HTML parte 1
• Ejercicio 2 tablas HTML parte 2
• Ejercicio 2 tablas HTML parte 3

U6: HTML -- Listas en HTML

• Listas no ordenadas <ul> en HTML
• Listas ordenadas <ol> en HTML
• Listas de descripción <dl> en HTML
• Listas anidadas

U7: HTML -- Elementos en Inline y block en HTML

• Elementos inline <span> HTML
• Elementos en bloque <div> HTML

U8: HTML -- Iframes en HTML

• Iframes en HTML

U9: HTML -- Formularios en HTML

• Introducción a los formularios en HTML
• Atributos de la etiqueta <input> en HTML
• Tipos de <input> y validación de formularios <input  Type "text">
• Tipos de <input> y validación de formularios <input Type “password”>
• Tipos de <input> y validación de formularios <input Type “email”>
• Tipos de <input> y validación de formularios <input Type “number”>
• Tipos de <input> y validación de formularios <input Type “tel”>
• Tipos de <input> y validación de formularios <input Type “url”>
• Tipos de <input> y validación de formularios <input Type “checkbox”>
• Tipos de <input> y validación de formularios <input Type “radio”>
• ipos de <input> y validación de formularios <input Type “file”>
• Tipos de <input> y validación de formularios <input Type “date”>
• Tipos de <input> y validación de formularios <input Type “datetime-local”>
• Tipos de <input> y validación de formularios <input Type “time”>
• Tipos de <input> y validación de formularios <input Type “month”>
• Tipos de <input> y validación de formularios <input Type “week”>
• Tipos de <input> y validación de formularios <input Type “color”>
• Tipos de <input> y validación de formularios <input Type “range”>
• Tipos de <input> y validación de formularios <input Type “submit”>
• Tipos de <input> y validación de formularios <input Type “reset”>
• Tipos de <input> y validación de formularios <input Type “button”>
• Tipos de <input> y validación de formularios <input Type “hidden”>
• ipos de <input> y validación de formularios <input Type “search”>
• Métodos del formulario – Método GET
• vMétodos del formulario – Método POST
• Métodos del formulario – Método PUT y DELETE
• Otro tipo de input -- Select
• Otro tipo de input -- TextArea
• FieldSet y Legend
• Atributos de la etiqueta <form>
• Ejemplo completo formularios parte 1
• Ejemplo completo formularios parte 2
• Ejemplo completo formularios parte 3

U10: HTML -- Elementos semánticos en HTML

• Etiqueta <section>
• Etiqueta <article>
• Etiqueta <aside>
• Etiqueta <header>
• Etiqueta <footer>
• Etiqueta <nav>
• Etiqueta <main>
• Etiqueta <time>
• Etiqueta <summary>
• Etiqueta <mark>
• Etiqueta <figcaption>
• Ejemplo completo elementos semánticos parte 1
• Ejemplo completo elementos semánticos parte 2

U11: HTML -- Proyecto final

• Proyecto final parte 1
• Proyecto final parte 2
• Proyecto final parte 3

U12: BONUS -- Subir pagina web a internet

• BONUS – Subir pagina web a internet

U13: Fin del curso HTML

• Fin del curso HTML

Evaluación del curso

• Este curso contiene un examen final

G-Tools: Para estudiantes

• Acceso exclusivo a herramientas de vanguardia para estudiantes: mejora tu empleabilidad, participa en eventos exclusivos, aprovecha nuestro asistente virtual inteligente y más.

⚑ Certificado de finalización

• Tu certificado digital personalizado, una insignia única de tus logros, con validez internacional, duración del curso y código QR para verificación instantánea.