Class Central is learner-supported. When you buy through links on our site, we may earn an affiliate commission.

YouTube

HTML & CSS for Beginners

Envato Tuts+ via YouTube

Overview

Embark on a comprehensive 7-hour 52-minute video course covering the fundamentals of HTML and CSS for web development. Learn to code with modern HTML and CSS, starting from basic elements and progressing to advanced layout techniques like Flexbox and CSS Grid. Explore topics including website loading, HTML structure, elements, tags, inline vs. block-level elements, text formatting, lists, images, forms, tables, and semantic HTML5. Dive into CSS basics, selectors, colors, units, text styling, dimensions, box model, borders, positioning, backgrounds, and responsive design with media queries. Apply your new skills by building a complete web page in a practical coding session. Access downloadable course files and assignments to enhance your learning experience.

Syllabus

1.1 Welcome to the Course!
1.2 Prerequisites
2.1 How Websites Are Loaded
2.2 What Is HTML?
2.3 Let’s Create an HTML File
2.4 HTML Elements and Tags
2.5 Inline vs. Block-Level Elements
2.6 The div Element
2.7 Text-Related Elements
2.8 Separating Content With Breaks
2.9 Using Lists
2.10 Working With Images
2.11 Using Forms and Buttons
2.12 Displaying Tabular Data With Tables
2.13 HTML5 Semantic Elements
3.1 What Is CSS?
3.2 Adding CSS to an HTML Page
3.3 Using CSS Selectors
3.4 Working With Color in CSS
3.5 Let’s Discover the CSS Units
3.6 Styling Text With CSS
3.7 Setting Dimensions in CSS
3.8 The CSS Box Model
3.9 Working With Borders in CSS
3.10 Using the Display Property in CSS
3.11 Styling Lists in CSS
3.12 Positioning Elements in CSS
3.13 Styling Backgrounds in CSS
3.14 Building Layouts With Flexbox and CSS Grid
3.15 Working with Media Queries for Creating Responsive Websites
4.1 Let’s Code a Simple Design with HTML and CSS
4.2 Conclusion and Homework

Taught by

Envato Tuts+

Reviews

5.0 rating, based on 1 Class Central review

Start your review of HTML & CSS for Beginners

  • Profile image for Veeresh Bashetti
    Veeresh Bashetti
    the every sigle points are understand to me how to align iteams and how to erite heading sub heading and paragraphs how to give colors to text how to align icons website tools and resorces i lerned from this plateform bt one thin i sugests to you give cirtification on this cource please do it, way i telling every one can't bay cources plz i requesting you provide something to public and thank you for giving lots of learning option on your plateform

    thank you,

    Veeresh Bashetti

Never Stop Learning.

Get personalized course recommendations, track subjects and courses with reminders, and more.

Someone learning on their laptop while sitting on the floor.