GithubHelp home page GithubHelp logo

silvinho1982 / freecodecamp-curso-html-css Goto Github PK

View Code? Open in Web Editor NEW

This project forked from estefaniacn/freecodecamp-curso-html-css

1.0 0.0 0.0 7 KB

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

HTML 61.82% CSS 38.18%

freecodecamp-curso-html-css's Introduction

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

freecodecamp-curso-html-css's People

Contributors

estefaniacn avatar

Stargazers

Silvio Rangel avatar

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. 📊📈🎉

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google ❤️ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.