Learn Html and css

Lessons, exercises, and projects about Html and css

Browse our list of curated database of projects, exercises, and lessons to learn HTML and CSS

Start a web application with React & Flux

Use the Fullstack technologies to build professional apps using React.js

Start a new HTML/CSS Project

Build and publish the most basic HTML/CSS website you can build

Before Starting Full Stack Development

Quick review about concepts you need to know in CSS, HTML and JS before starting the Full Stack Development course

Debugging CSS Code

Debugging css code faster and more efficiently. Save more than 50% of your debugging time when coding CSS.

Learn CSS: What is CSS Meant for?

As you may have noticed, HTML allows you to create only basic websites. Nobody wants to see a white website with some horrible text on it. So it's time to learn what CSS is all about! Learn CSS to make your website beautiful. Let's make it shine!

6hrs average

Instagram Photo Feed with Bootstrap

This is an improved version of the first instagram exercise, now using bootstrap.

8hrs average

Landing Page with Javascript

Build a real life beautiful landing page without any framework and collecting leads

4hrs average

Use JS to validate an HTML Form

Use Javascript to validate the inputs of an HTML form (on submit)

4hrs average

Code an Excuse Generator in JavaScript

Disneyland for procrastinators. Learning JavaScript? This excuse generator tutorial takes no more than 20 lines of code and can save you for the rest of your life!

8hrs average

Battleship with Vanilla.js

Use your DOM knowledge, HTML/CSS and Javascript to create a battleship game for one person only

3hrs average

Building an HTML/CSS Website Collaboratively using Git and GitHub

Build website among a team of several collaborators

8hrs average

CSS Drawing Goku

Use your CSS knowledge to draw Goku using Position and Display properties.

4hrs average

Random Card Generator

Use your CSS/HTML/JS skills to randomly draw a poker card on every website refresh.

8hrs average

Learn CSS with Interactive Exercises

Learn CSS with an interactive and auto-graded tutorial with dozens of exercises. These CSS exercises are ideal for beginners looking to learn and practice fundamental CSS concepts, including selectors, styling rules, and responsive design techniques. Through hands-on tasks, learners will gain practical experience in applying styles to HTML elements, using external stylesheets, and mastering CSS specificity.

8hrs average

Build Website Layouts with CSS

Learn how to build layouts with an interactive and auto-graded tutorial.

Start a basic project in React.js

Easy to use React.js boilerplate with no configuration

Start a project with Vanilla.js

Use Webpack to compile and build a project with the latest Javascript and HTML/CSS

What is HTML? It's time to learn HTML and its structure

But really, what is HTML? HTML is to websites what columns are for buildings. Here you will learn HTML basics, the foundations of the web.

Debugging HTML Code

Debugging code faster and more efficiently. Save more than 50% of your debugging time when coding HTML.

Mastering CSS Selectors

Aside from mastering the display and position CSS rules, learning how to use the CSS selectors is the most important skill you need to develop. You don't have to remember the syntax of each of them, but keep them on your radar to be able to develop the right strategies when building your CSS stylesheet.

4hrs average

Build a Digital Postcard with HTML/CSS

The Postcard is a beginner-friendly exercise designed to help you practice your first steps in HTML5 and CSS3 by creating a personalized postcard. You'll replicate a pre-designed postcard layout (just like a potential employer will ask you in the future) while learning about HTML structure, CSS styling, and working with Google Fonts. Share your finished postcard with someone special and showcase your creativity!

8hrs average

Bubble Sorting Cards

Practice building algorithms by doing a bubble-sorting algorithm and displaying it on a website

3hrs average

Create a HTML5 form

Create a HTML5 form with all the typical inputs

4hrs average

Instagram Post Layout

Replicate a single instagram post using HTML and CSS

8hrs average

Pop Balloons using HTML/CSS and a little Javascript

Practice your entry-level skills in Javascript, The DOM and HTML/CSS by building a Pop Balloons Game.

4hrs average

Product Page in plain HTML/CSS

Create an eCommerce Product Landing Page using standard HTML/CSS, no bootstrap or any other css framework.

4hrs average

Conditional Profile Card Generator

Practice conditions, render a profile card based on a series of variables that could change in value during runtime like: username, avatar, etc.

6hrs average

Learn how to manipulate The DOM with JS

Step by step, go over all the most important DOM concepts and methods: Use javascript to manipulate styles, HTML elements.

5hrs average

Learn Bootstrap Tutorial

A complete tutorial list of small targeted exercises that will show the most useful things you need to learn about bootstrap

Start a React + Flask (Full-Stack) Project

Use Javascript, React.js, Python and Flask to build an entire full-stack application

Understanding HTML Input HTML Text Area and Forms...

HTML Forms, HTML input and HTML text-area are really easy to understand, and they are the ONLY way to make interactive websites without AJAX. These very basic concepts represent 90% of everything you will ever need to know about forms .

CSS Layouts: Create and Build Layouts with CSS

Building layouts is the most painful process when coding HTML & CSS. Learn the CSS layout rules: Display, Position, Float and Flex; and place any element anywhere you want.

Bootstrap Tutorial: Learn Bootstrap 5 in 10 minutes

4hrs average

Code an Excuse Generator Using AI

Create an AI-powered Excuse Generator using Python or JavaScript. Learn to connect with ChatGPT's API and generate creative excuses. Perfect for coding practice!

16hrs average