Curso de HTML y CSS Gratis

Aprende gratis a desarrollar páginas web, estructurando con HTML5 y brindando estilos con CSS

  • Gratis
  • HTML/CSS
  • Básico
Empezar ahora

Acerca del curso

En este curso aprenderemos gratis a maquetar sitios Web con HTML5 y a brindar estilos con CSS. No necesitas conocimientos previos, pues empezaremos desde cero con una serie de ejemplos prácticos y al término del curso, desarrollaremos un proyecto real en el cual aplicaremos todo lo aprendido

Lista de Clases

  • Clase 1: Fundamentos

    • 1.- Presentación
    • 2.- Introducción
    • 3.- Cómo funciona la Web
    • 3.- Cómo funciona la Web
    • 4.- Flujo de trabajo
  • Clase 2: HTML5

    • 1.- Sintaxis
    • 2.- Estructura básica
    • 3.- Elementos estructurales
    • 4.- Elementos para desplegar texto
    • 5.- Enlaces
    • 5.- Enlaces
  • Clase 3: CSS

    • 1.- Sintaxis
    • 2.- Selectores simples
    • 3.- Pseudoclases
    • 4.- Pseudoelementos
    • 5.- Combinación de selectores
    • 6.- Colores
    • 7.- Longitudes
    • 8.- Porcentajes
  • Clase 4: Modelo de caja

    • 1.- Ancho y alto
    • 2.- Display
    • 3.- Modelo de caja
    • 4.- Padding
    • 4.- Padding
    • 5.- Bordes
    • 5.- Bordes
    • 6.- Margin
  • Clase 5: Posicionamiento

    • 1.- Static
    • 2.- Relative
    • 3.- Absolute
    • 4.- Fixed
    • 5.- Float
  • Clase 6: Tipografía

    • 1.- font-size
    • 1.- font-size
    • 2.- font-family
    • 3.- font-weight
    • 4.- font-style
    • 4.- font-style
    • 5.- line-height
    • 6.- font
  • Clase 7: Listas

    • 1.- Listas desordenadas
    • 2.- Listas ordenadas
    • 3.- Listas descriptivas
    • 4.- Listas anidadas
    • 5.- list-style-type
    • 6.- list-style-image
    • 6.- list-style-image
    • 7.- list-style-position
    • 8.- list-style
  • Clase 8: Backgrounds

    • 1.- background-color
    • 2.- background-image
    • 2.- background-image
    • 3.- background-repeat
    • 4.- background-attachment
    • 5.- background-position
    • 6.- background
    • 7.- Múltiples backgrounds
  • Clase 9: Media

    • 1.- img
    • 2.- audio
    • 3.- video
    • 3.- video
    • 4.- iframe
    • 5.- figure y figcaption
    • 5.- figure y figcaption
  • Clase 10: Formularios

    • 1.- Formularios
    • 2.- Organizando elementos en un formulario
    • 3.- Elemento input: Login form
    • 4.- Elemento input: Search form
    • 5.- Elemento input: Slambook form
    • 6.- textarea
    • 7.- select y option
    • 7.- select y option
  • Clase 11: Tablas

    • 1.- Elementos table, tr y td
    • 2.- Elementos caption, thead, tbody, tfoot y th
    • 3.- Atributos scope, colspan, rowspan y header
    • 4.- Propiedades
  • Clase 12: Proyecto

    • 1.- Proyecto - Parte I
    • 2.- Proyecto - Parte II
    • 2.- Proyecto - Parte II
    • 3.- Proyecto - Parte III
    • 4.- Proyecto - Parte IV
    • 4.- Proyecto - Parte IV
    • 5.- Proyecto - Parte V
    • 5.- Proyecto - Parte V

Proyecto del curso

proyecto proyecto

Información del curso

  • Acceso las 24 horas del día
  • Clases concretas faciles de llevar
  • Proyecto o ejercicios prácticos durante el curso
  • Certificado de completitud
Empezar ahora

Suscríbete a Devcode y mejora tus habilidades

Y forma parte de los más de 160 mil estudiantes que están aprendiendo con nosotros

Forma parte de los +160 mil estudiantes que están aprendiendo con nosotros