/freecodecamp-curso-html-css

Repositorio para el curso de introducción a HTML y CSS creado para freeCodeCamp

Primary LanguageHTML

Aprende HTML y CSS - Curso Desde Cero

Este repositorio contiene el código del curso "Aprende HTML y CSS - Curso desde Cero" creado para freeCodeCamp.

El curso de 5+ horas está diseñado para que aprendas los fundamentos de HTML y CSS paso a paso a través de la práctica y con ejemplos que te ayudarán a aplicar tus conocimientos.

🔹 Contenido

Los temas están enfocados en conceptos específicos pero aquí los he dividido en categorías principales para darte una idea general del contenido.

HTML

  • Introducción a HTML y CSS.
  • Herramientas de Desarrollo de Google Chrome.
  • Editores de Código.
  • Crear archivo HTML y declarar DOCTYPE.
  • Elementos y etiquetas en HTML.
  • Encabezados y Párrafos.
  • Documentación Web.
  • Indentación.
  • Imágenes.
  • Enlaces.
  • Listas ordenadas y no ordenadas.
  • Formato de texto.
  • Formularios.
  • Botones de Radio y casillas de verificación.
  • Elementos <div>
  • Pie de página.
  • Elemento <head>.

CSS

  • Introducción a CSS.
  • Estilos en línea, el bloque <style> y archivos CSS.
  • Clases y ids.
  • Formato de texto (tamaño, tipo de letra, respaldos).
  • Google Fonts.
  • Imágenes.
  • Padding y Margin.
  • Selectores de atributo.
  • Unidades absolutas y relativas.
  • Prioridad de estilos.
  • Colores HEX y RGB en CSS.
  • Variables CSS.

🔸 Descargar el Código

En este repositorio puedes descargar el código inicial HTML de los ejemplos presentados durante el curso.

Los archivos index.html contienen la estructura HTML del ejemplo. Luego de descargarlos, puedes crear un archivo CSS para asignar el estilo de los elementos a medida que avances en el curso.


Nota:

Los archivos HTML del repositorio tienen un elemento <link> en <head> que permite vincularlos con el archivo CSS.

El nombre del archivo CSS debe ser style.css para que se reconozca correctamente y debe estar en la misma carpeta que el archivo HTML.

Si el nombre del archivo CSS no es style.css, deberás modificar el valor del atributo href de este elemento en el archivo HTML e indicar el nombre del archivo y/o su ubicación:

<link href="style.css" rel="stylesheet">


🔹 Enlace al Curso

Si deseas ver el curso en nuestro canal de YouTube, haz clic en este enlace: https://www.youtube.com/watch?v=XqFR2lqBYPs&feature=youtu.be