Course image for Learn HTML and CSS
Free preview before enrolling

Learn HTML and CSS

HTML5 and CSS3 is the modern syntax used to build webpages. In this course we will learn how to use HTML and CSS from scratch and build awesome websites.

5 hours+ of total content
4.7
(3.2k Reviews)
16.7k enrolled
Course Creator: Team codedamnLast updated 10 hours ago

Heads up!

This is an official course from Full Stack Web Developer Learning Path learning path.

Goals

  • HTML and CSS fundamentals - why they're needed and how to get started
  • Common tags and operations with HTML and CSS
  • Basic styling and layouts in CSS3
  • Projects, exercises, labs and common questions you'll face while learning other topics

Description

You'll learn the fundamentals of HTML and CSS, and then get a chance to build some pretty awesome webpages and projects.

You'll build webpages from scratch in our interactive playground exercises, and learn how to use CSS to style those pages so that they look even better. If you have a great idea for a webpage, but don't necessarily know how to build it, you'll learn from this course how to bring that idea to life.

This course is appropriate even if you've never designed anything in your life. We'll go over all the basics of how to design pages, but also make sure that you're comfortable with the more advanced CSS3 properties so that you can continue to build on top of what you've learned. And if you've built some awesome pages already, great! This course will ensure that you have all the fundamentals you'll need to keep building awesome stuff.

Contents and Overview

This course is divided into 3 major parts, as follows:

Part 1: Getting Started with HTML5 and CSS3

In this video, we'll go over what HTML and CSS are and how they fit into the web design process. You'll learn the basics of writing and styling webpages.

Part 2: Labs and exercises

All along the way, we will be solidifying whatever we're learning through tons of practice in our in-browser IDE and make our way from there.

Part 3: Simple projects

You will need to create simple projects based on user stories and pass the assignment checks. When you do, you can move on to the next item.

By the end of this course, you'll have the knowledge to be able to build your own fully functioning web pages using HTML5 and CSS3.

Course Structure

57 lectures 05:41:22 total duration

  Introduction (Watch video)
01:30
  How to use Codedamn 
07:07
  How to use VSCode 
05:13
  First HTML Page (Watch video)
05:25
  Comments in HTML (Practice concept)
05:00
  HTML Tags 
04:10
  Say Hello to HTML Elements. (Practice concept)
09:41
  Headline with the h2 Element 
05:00
  Block-level and inline tags in HTML 
12:31
  Anchor Tag 
08:57
  Why HTML tags exist? 
03:29
  Image (img) tag 
05:39
  Video (video) tag 
05:49
  Table (table) tag 
04:46
  Create a Text Field 
15:00
  Add Placeholder Text to a Text Field 
05:00
  Declare the Doctype of an HTML Document 
10:24
  Define the Head and Body of an HTML Document 
05:00
  HTML basics done! 
02:16

Student feedback

4.7
Course Rating

79%

16%

3%

1%

1%

Reviews

profile pic for Joseph Sony
Mar 27, 2023
Really useful for strengthening basic concepts
profile pic for Shalaka Joshi
Mar 27, 2023
best explanation
profile pic for Rishav Raj
Mar 26, 2023
This course is really interactive and helps us to visualize how HTML and CSS are linked together to create fantastic styles, the best part of this course is the interactive playgrounds where you can practice as much as you want and ask your doubts with Jarvis 24*7 so you won't ever have to rely on some senior developer to ask even the silliest questions.
profile pic for Raj Parekh
Mar 25, 2023
Covers the basic stuff with hands on like W3
profile pic for Nicholas Vandremo
Mar 24, 2023
It`s a little buggy and the vidoes don`t render properly it would seem. I`m still satisfied so far.
profile pic for Team codedamn

Team codedamn instructor

Hey Nicholas, if you're facing any technical problems with accessing video content using playgrounds on our platform. Please reach out to us at suport@codedamn.com or from our contact page : https://codedamn.com/contact

Your Course Instructor

Course Instructor Image

Team codedamn

Official courses from codedamn team

Hi! We're team codedamn - and we are developers, creators, designers building the best interactive programming courses on the planet. Sign up for a free account on codedamn to stay in touch.

Upgrade to a Pro account and unlock more courses for accelerated learning. Instant feedback, interactive learning and more.

Free

  • HD video content
  • Certificate of completion
  • Hands-on practice
  • 24x7 mentorship support
  • 100+ projects to practice
  • In-depth project feedback

Pro

  • HD video content
  • Certificate of completion
  • Hands-on practice
  • 24x7 mentorship support
  • 100+ projects to practice
  • In-depth project feedback
Try Pro (7-day risk-free)