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.
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
HTML/CSS Challenges - Pack I
PopularThis course will challenge your knowledge of HTML and CSS in a fun and effective way!
- 11
YouTube Video Player - HTML Project
PopularIn this project, you'll create a YouTube video player using HTML and explore various attributes along the way.
- 7
- 1
DOM Project - Calculator
PopularIn this course you will build an interactive simple calculator using HTML, CSS and JS.
- 14
- 3
Instagram Page Clone | Front-End Project
PopularIn this course you will practice standard and simple HTML & CSS approaches and create an Instagram Page Clone Project
- 16
- 5
3D Card | Front-end Project
PopularIn this project, you will build a 3D card design by yourself!
- 31
- 4
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
HTML/CSS Challenges - Pack III
This course will challenge your knowledge of HTML and CSS in a fun and effective way!
- 5
HTML/CSS Challenges - Pack II
This course will challenge your knowledge of HTML and CSS in a fun and effective way!
- 5
Bottom Navigation Bar - HTML/CSS Project
In 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
Stopwatch - HTML/CSS/JS Project
In this project, you will create a basic stopwatch using HTML, CSS, and JavaScript.
- 10
- 3
JavaScript DOM Methods
In this course, you will learn about the most commonly used JavaScript DOM methods and how to use them!
- 13
Coddy Profile Card Clone | Front-end project
In this project, you will create a Coddy profile card clone.
- 26
- 4
Moving Clouds - HTML/CSS/JS Project
In this course, you will create a moving clouds web project using HTML, CSS, and JavaScript.
- 18
- 5
Netflix Sign-in Page Clone | Front-end project
In this project, you will create a Netflix sign-in card clone.
Certificate on completion
- 19
- 3
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 Selectors
By the end of this course you will master the concepts of CSS Selectors.
- 15
CSS Flexbox - The Complete Course
In this course, you will master the CSS flexbox concepts. Flexbox is one of the most useful layouts used in web development.
- 15
Image Accordion | Front-end project
In this project, you will create an image accordion by yourself!
- 17
- 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
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
CSS Project - Fancy Button
In this course you will create a fully customized fancy button, like you see in your favorite websites!
- 8
- 1
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
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
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