Curso de HTML5 e CSS3
Free beginner course on HTML5 and CSS3 with PDFs, exercises and challenges, in Portuguese.gustavoguanabara/html-css
- Stars
- 16.6k
- Forks
- 3.9k
- Licence
- MIT
- Language
- HTML
- Last update
- 1.2 years ago
- Type
- Learning resource
No commits in over a year — check for forks or alternatives before adopting.
What it is
This is a free course for beginners learning HTML5 and CSS3, the basic languages for building web pages and styling them. The README is written in Portuguese and offers lesson PDFs, code for each exercise, runnable example pages in the browser, and challenges to practice. It is meant to be studied by reading the material and inspecting the code.
- Read the lesson PDFs in the aulas-pdf folder in order
- Open the exercise code in the exercicios folder to see how each example is written
- Run the exercise pages in the browser through the linked GitHub Pages site
- Work through the HTML challenges in the desafios folder
Great for
- Absolute beginners who read Portuguese and want to learn HTML and CSS
- Self-learners who prefer PDF lessons paired with example code
- Teachers who want free classroom material on basic web design
- People who want to see working examples without installing anything
Not ideal for
- Readers who need English-language material, since the README is in Portuguese
- Experienced developers looking for advanced CSS layout or JavaScript topics, since the README only describes basic HTML5 and CSS3 teaching
- Anyone wanting to reuse the content in published books or commercial course materials, because the license terms in the README forbid that use
How to get it
- 1
Use it in the browser (or self-host)
Clone the repository
git clone https://github.com/gustavoguanabara/html-css.git - 2
Run it
- Open the homepage at https://gustavoguanabara.github.io/html-css/
- Go to the exercicios section and open an example page
- Read the matching code in the exercicios folder on GitHub
- Open the PDF lesson for the same topic from the aulas-pdf folder
- 3
Get the most out of it
- Read each PDF lesson alongside its exercise code so you can connect explanation and example
- Edit the exercise files in a local copy and reload the page to see how changes affect the result
- Complete the challenges in the desafios folder after each lesson
- Keep the original author attribution if you share the material, as the README requires
Downloads
Strengths
- Free and publicly available, with lessons, exercises and challenges in one repository
- Each exercise has its code available to read and a live page to view
- Widely used in Portuguese-speaking learning communities, judging by its star count
Trade-offs
- The README is in Portuguese, so non-Portuguese speakers will have a harder time
- The README only describes beginner-level HTML5 and CSS3, not a full web development path
- Usage terms restrict reuse for commercial books or handouts, which limits some kinds of sharing
How it compares
| Project | Stars | Type | Level | Updated | Best for |
|---|---|---|---|---|---|
| html-css (this) | 16.6k | Learning resource | beginner | 1.2 years ago | Absolute beginners who read Portuguese and want to learn HTML and CSS |
| guiadevbrasil | 15.8k | Curated list | beginner | 2 months ago | Brazilian Portuguese speakers starting out in programming |
| simplefolio | 14.2k | Library | beginner | 10 months ago | Developers who want a simple one-page personal website without designing from scratch |
| nodeppt | 10.3k | Dev tool | intermediate | 5.8 years ago | Developers who prefer writing slides in Markdown over a visual editor |
| jekyll-theme-chirpy | 10.3k | Library | intermediate | 2 months ago | Developers who want a technical blog without designing a site from scratch |
| three.js | 117k | Library | intermediate | 4 days ago | Web developers adding interactive 3D graphics to a website |
Stats synced from GitHub. The assessment above was drafted with AI from the project's README on 2026-10-29 and may miss recent changes — check the README before relying on a command. MIT licence: free to use, modify and distribute, including commercially, as long as you keep the copyright notice.