Guide · Open source
How to use html-css: free HTML5 and CSS3 course guide
Updated · written with AI from the project's own documentation and checked against our catalogue data
html-css is a free public course by Prof. Gustavo Guanabara that teaches the basics of HTML5 and CSS3, the languages used to build and style web pages. It is written in Portuguese and aimed at beginners. This guide shows you where the lessons, exercise code and practice challenges live, and how to study them in order.
Curso de HTML5 e CSS3gustavoguanabara/html-css · ★ 16.6k · MIT Install options & downloads Quick start
- 1Open the homepage. Go to the project homepage to run the exercises directly in your browser.
- 2Read the lesson PDFs. Open the aulas-pdf folder and read the lessons in order.
- 3Inspect the exercise code. Open the exercicios folder and compare each source file with the page it produces.
- 4Clone the repository if needed. Run git clone https://github.com/gustavoguanabara/html-css.git to keep a local copy.
- 5Solve the challenges. Work through the desafios folder after each lesson to practise what you learned.
What the html-css course contains
The repository is a teaching resource for basic HTML5 and CSS3. It bundles four kinds of material: lesson PDFs, code for each exercise, runnable example pages, and challenges to practise with.
- Lesson PDFs in the aulas-pdf folder
- Exercise code in the exercicios folder
- Runnable exercise pages on the project homepage
- HTML challenges in the desafios folder
Open the lessons and examples without installing anything
You do not need to install software to use the course. The README points to the example pages on the project homepage, where you can run each exercise directly in your browser. Use the PDFs for reading and the example pages to see the result of the code.
- Open the homepage link to run the exercises in your browser
- Open the PDFs from the aulas-pdf folder to read the lessons
Study the exercise code
The README recommends studying the material by reading it and inspecting the code. Open the exercise source for a lesson, compare it with the page it produces, and change a line to see what happens. If you want a local copy, the README gives this command to clone the repository:
- Read the lesson PDF first
- Open the matching exercise code and the live example
- Change one value at a time and reload the page to see the effect
git clone https://github.com/gustavoguanabara/html-css.gitPractise with the challenges
The desafios folder contains HTML challenges. Work through them after each lesson so you apply what you read rather than only reviewing examples.
- Open the desafios folder on GitHub
- Attempt each challenge before checking related exercise code
Using the material as a teacher or in your own study
The README says you may use the material for your own learning, and that teachers may access all content and use it with students. Any use must keep the reference to the original material by Prof. Gustavo Guanabara. The material may not be used to create books or handouts for financial gain by authors, publishers or institutions.
- Keep the credit to Prof. Gustavo Guanabara in any classroom use
- Do not reuse the content in books, apostilas or commercial course materials
What people use it for
- Learning HTML and CSS from scratch by reading PDFs and running example pages
- Self-study with exercise code you can inspect and modify
- Free classroom material for a basic web design course, with credit kept to the original author
- Practising HTML with the challenges in the desafios folder
Frequently asked questions
Is html-css free to use?
The course material is publicly available and the repository is listed under the MIT licence. The README also sets its own terms: you may use it for your own learning and teachers may use it with students, but you must keep the credit to Prof. Gustavo Guanabara. It may not be used to create books or handouts for financial gain.
Do I need to install anything to use html-css?
The README lists no prerequisites. You can run the exercises in your browser from the project homepage, so installation is optional. If you want a local copy, clone the repository with git.
What language is the html-css course in?
The README is written in Portuguese, so the lessons and text are in Portuguese. Readers who need English material should look at other resources.
Is html-css good for beginners?
It is written for absolute beginners learning basic HTML5 and CSS3. It covers basics only and does not describe advanced CSS layout or JavaScript topics.
What can I use instead of html-css?
Comparable projects include freeCodeCamp, MDN Web Docs, The Odin Project and W3Schools. These cover web development in English and go further than the basics taught here.
Can I reuse html-css content in my own book or course?
No, not for that purpose. The README forbids using the content to create books or apostilas, or any commercial course materials, to make financial gain.
New agent skills, repos and AI tools — every week
The best new skills and open-source projects, the fastest-growing repos, and one free prompt. Five minutes to read. Unsubscribe anytime.
Our verdict
html-css suits absolute beginners who read Portuguese and want free PDF lessons paired with runnable example code, as well as teachers who need basic classroom material with credit kept. It is a poor fit for English-speaking learners, experienced developers wanting advanced CSS or JavaScript, or anyone planning to reuse the content in books or commercial courses.
Install options & downloads