HTML and CSS for Absolute Beginners (2024 Crash Course)

By DesignCourse | Free Course on YouTube

4.9
(0 ratings)
1 students enrolled
Q
Created by Qasrawii Academy
Last updated 3/2026 EN Beginner 337 min total

What you'll learn

Frontend development crash course teaching HTML structure, mobile-first CSS, responsive design with media queries, and building a project from scratch.

Course Content

5 sections • 50 lessons • 337m total length

Getting Started

10 lessons
HTML & CSS for Absolute Beginners: Introduction Preview
3:00
HTML & CSS for Absolute Beginners: What is HTML? Preview
8:00
HTML & CSS for Absolute Beginners: Root folder & your first HTML file Preview
4:00
HTML & CSS for Absolute Beginners: DOCTYPE, head, and body
9:00
HTML & CSS for Absolute Beginners: HTML Headings
9:00
HTML & CSS for Absolute Beginners: Adding content to our project
7:00
HTML & CSS for Absolute Beginners: HTML Comments
3:00
HTML & CSS for Absolute Beginners: Nesting HTML elements
6:00
HTML & CSS for Absolute Beginners: HTML Lists (ol and ul)
6:00
HTML & CSS for Absolute Beginners: Semantic HTML
10:00

Fundamentals

10 lessons
HTML & CSS for Absolute Beginners: Strong and Em elements
4:00
HTML & CSS for Absolute Beginners: Block & Inline elements
3:00
HTML & CSS for Absolute Beginners: Creating a second page
9:00
HTML & CSS for Absolute Beginners: Creating links to other pages
10:00
HTML & CSS for Absolute Beginners: Images
13:00
HTML & CSS for Absolute Beginners: Intro to CSS
1:00
HTML & CSS for Absolute Beginners: Creating and linking to a CSS file
4:00
HTML & CSS for Absolute Beginners: CSS syntax / formatting CSS
6:00
HTML & CSS for Absolute Beginners: CSS color basics
7:00
HTML & CSS for Absolute Beginners: Order in CSS is important
2:00

Core Concepts

10 lessons
HTML & CSS for Absolute Beginners: Text alignment
5:00
HTML & CSS for Absolute Beginners: Font family and font stacks
6:00
HTML & CSS for Absolute Beginners: Inheritence
6:00
HTML & CSS for Absolute Beginners: User Agent Styles
4:00
HTML & CSS for Absolute Beginners: Font sizes
8:00
HTML & CSS for Absolute Beginners: Line height and spacing
8:00
HTML & CSS for Absolute Beginners: Inline CSS and Internal stylesheets
5:00
HTML & CSS for Absolute Beginners: Dev tools
5:00
HTML & CSS for Absolute Beginners: The box model - width, height, inline-size, block-size
9:00
HTML & CSS for Absolute Beginners: Box model - Padding
9:00

Intermediate Topics

10 lessons
HTML & CSS for Absolute Beginners: Box model - Borders
7:00
HTML & CSS for Absolute Beginners: Box Model - Margin
4:00
HTML & CSS for Absolute Beginners: box-sizing
5:00
HTML & CSS for Absolute Beginners: The new layout!
2:00
HTML & CSS for Absolute Beginners: IDs and Classes
7:00
HTML & CSS for Absolute Beginners: Divs and Spans
12:00
HTML & CSS for Absolute Beginners: Styling links with pseudo-classes
8:00
HTML & CSS for Absolute Beginners: Background images
17:00
HTML & CSS for Absolute Beginners: Descendant Selectors
5:00
HTML & CSS for Absolute Beginners: Specificity
7:00

Advanced Concepts

10 lessons
HTML & CSS for Absolute Beginners: Specificity + Dev tools
2:00
HTML & CSS for Absolute Beginners: Styling lists
11:00
HTML & CSS for Absolute Beginners: Preventing layouts from getting too wide
13:00
HTML & CSS for Absolute Beginners: Responsive images
6:00
HTML & CSS for Absolute Beginners: Creating a two-column layout
11:00
HTML & CSS for Absolute Beginners: A simple navigation
14:00
HTML & CSS for Absolute Beginners: A bit more flexbox stuff
2:00
HTML & CSS for Absolute Beginners: Media Query basics - making a layout responsive
7:00
HTML & CSS for Absolute Beginners: Finishing touches
3:00
HTML & CSS for Absolute Beginners: What's next?
5:00

Description

Frontend development crash course teaching HTML structure, mobile-first CSS, responsive design with media queries, and building a project from scratch.

Original course by DesignCourse. Curated and organized for optimal learning on Qasrawii LMS.

Requirements

  • A computer with internet access
  • Willingness to learn

Student Reviews

No reviews yet. Be the first to share your experience!

Preview this course
Free Open Access

This course includes:

50 lessons
337 minutes of content
Beginner level
EN
Full lifetime access
Certificate of completion