HTML Courses
26 Free Interactive Courses
Browse every HTML course on Coddy. Each course runs in your browser with AI-assisted hints, real exercises, and a certificate on completion.
HTML/CSS Challenges - Pack I
PopularThis course will challenge your knowledge of HTML and CSS in a fun and effective way!
- 11
HTML - Beginner site
PopularIn this course you will test your basic HTML knowledge and create your own basic site, with image and text. Are you ready?
- 5
- 1
CSS Flexbox - The Complete Course
PopularIn this course, you will master the CSS flexbox concepts. Flexbox is one of the most useful layouts used in web development.
- 15
Solar Eclipse Animation | HTML/CSS Project
PopularIn this course you will create amazing "Solar Eclipse" Animation. Showcasing how we can create engaging and functional user interfaces using animation.
- 10
- 2
Bottom Navigation Bar - HTML/CSS Project
PopularIn this course you will create a simple Bottom Navigation Bar using HTML and style it using CSS. You will learn how to add simple animation using (:hover) selector in CSS.
- 12
- 2
Netflix Sign-in Page Clone | Front-end project
PopularIn this project, you will create a Netflix sign-in card clone.
Certificate on completion
- 19
- 3
HTML/CSS Challenges - Pack II
PopularThis course will challenge your knowledge of HTML and CSS in a fun and effective way!
- 5
Stopwatch - HTML/CSS/JS Project
In this project, you will create a basic stopwatch using HTML, CSS, and JavaScript.
- 10
- 3
Moving Clouds - HTML/CSS/JS Project
In this course, you will create a moving clouds web project using HTML, CSS, and JavaScript.
- 18
- 5
DOM Project - Calculator
In this course you will build an interactive simple calculator using HTML, CSS and JS.
- 14
- 3
JavaScript DOM Methods
In this course, you will learn about the most commonly used JavaScript DOM methods and how to use them!
- 13
Image Accordion | Front-end project
In this project, you will create an image accordion by yourself!
- 17
- 3
Instagram Page Clone | Front-End Project
In this course you will practice standard and simple HTML & CSS approaches and create an Instagram Page Clone Project
- 16
- 5
Coddy Profile Card Clone | Front-end project
In this project, you will create a Coddy profile card clone.
- 26
- 4
CSS Project - Fancy Button
In this course you will create a fully customized fancy button, like you see in your favorite websites!
- 8
- 1
HTML/CSS Challenges - Pack III
This course will challenge your knowledge of HTML and CSS in a fun and effective way!
- 5
Login Form - HTML/CSS Project
In this course you will create a simple login form using HTML and style it using CSS.
- 7
- 2
CSS Project - Simple Loading Spinner
In this course, you will learn how to utilize CSS and HTML to build a straightforward loading spinner, which is used when loading pages or content.
- 6
- 1
YouTube Video Player - HTML Project
In this project, you'll create a YouTube video player using HTML and explore various attributes along the way.
- 7
- 1
Circular Progress Bar | Front-end Project
In this project, you are going to create a circular progress bar using HTML, CSS, and JavaScript.
- 11
- 3
Slider | Front-end Project
In this project, you will create a responsive slider to showcase a couple of images and descriptions.
- 23
- 4
Sidebar | Front-end Project
In this project, you will create a responsive sidebar for your next web app.
- 13
- 3
CSS Selectors
By the end of this course you will master the concepts of CSS Selectors.
- 15
3D Card | Front-end Project
In this project, you will build a 3D card design by yourself!
- 31
- 4
How to Center Div or Text using CSS
In this course we will explore and answer one of the most wanted questions in CSS - How to center div or text?
- 9
Cool Tags in HTML
In this course, you will learn about some unique and cool tags in HTML. You will be surprised after using and adapting them to your web work.
- 15