HTML and CSS Course for Beginners (Dani Krossing)

About this course

Dani Krossing teaches HTML and CSS from scratch and builds a complete website along the way, explaining modern layout and responsive design. Who it's for: complete beginners who want to build their first websites. These are the free, official videos of the "HTML & CSS Course for Beginners" playlist from the Dani Krossing YouTube channel (youtube.com/@dani_krossing). All videos belong to Dani Krossing; Sikhami is not affiliated with Dani Krossing and simply arranges the public playlist into a course, so you can learn one lesson at a time and keep track of your progress.

What you will learn

• How websites work and setting up your editor • HTML structure: headings, paragraphs, links, images and lists • CSS selectors, a CSS reset, colours, fonts and units such as em and rem • Flexbox and CSS grid layouts • Building a menu bar, sections and a footer • Responsive design, CSS functions like calc() and var(), and a favicon

Course content

1 section · 31 lectures · 11h 8m

1. 1. HTML & CSS Course for Beginners

   • 1 | INTRODUCTION TO HTML & CSS | 2023 | Learn HTML and CSS Full Course for Beginners20m
   • 2 | HOW TO LINK A CSS STYLESHEET USING HTML | 2023 | Learn HTML and CSS Full Course for Beginners3m
   • 3 | HOW TO STRUCTURE YOUR HTML | 2023 | Learn HTML and CSS Full Course For Beginners17m
   • 4 | TITLES & PARAGRAPHS IN HTML | 2023 | Learn HTML and CSS Full Course for Beginners8m
   • 5 | HOW TO NAVIGATE BETWEEN PAGES IN HTML | 2023 | Learn HTML and CSS Full Course for Beginners5m
   • 6 | ADD STYLING TO HTML USING CSS SELECTORS | 2023 | Learn HTML and CSS Full Course for Beginners19m
   • 7 | CSS STYLING YOU NEED TO KNOW | 2023 | Learn HTML and CSS Full Course for Beginners26m
   • 8 | CREATE A CSS RESET STYLESHEET | 2023 | Learn HTML and CSS Full Course for Beginners4m
   • 9 | HOW TO INSERT IMAGES INTO YOUR WEBSITE | 2023 | Learn HTML and CSS Full Course for Beginners20m
   • 10 | CSS FLEXBOX TUTORIAL FOR BEGINNERS | 2023 | Learn HTML and CSS Full Course for Beginners23m
   • 11 | CHANGE WEBSITE BACKGROUND COLOR USING CSS | 2023 | Learn HTML and CSS Full Course For Beginners4m
   • 12 | CREATE A WEBSITE MENU BAR IN HTML | 2023 | Learn HTML and CSS Full Course for Beginners40m
   • 13 | HOW TO IMPORT NEW FONTS USING HTML | 2023 | Learn HTML and CSS Full Course for Beginners10m
   • GOOGLE FONTS GDPR COMPLIANCY | 2023 | Learn HTML and CSS Full Course for Beginners3m
   • 14 | MOVE HTML USING POSITION STYLING | 2023 | Learn HTML and CSS Full Course for Beginners14m
   • 15 | CALC() & VAR() CSS FUNCTIONS | 2023 | Learn HTML and CSS Full Course for Beginners9m
   • 16 | MAKING A HERO SECTION WITH HTML | 2023 | Learn HTML and CSS Full Course for Beginners35m
   • 17 | MAKING A CATEGORY SECTION WITH HTML | 2023 | Learn HTML and CSS Full Course for Beginners34m
   • 18 | MAKING A ABOUT SECTION WITH HTML | 2023 | Learn HTML and CSS Full Course for Beginners32m
   • 19 | HOW TO ALIGN PAGE CONTENT IN HTML | 2023 | Learn HTML and CSS Full Course for Beginners6m
   • 20 | HOW TO CREATE A FOOTER & HTML SITEMAP | 2023 | Learn HTML and CSS Full Course for Beginners39m
   • 21 | HOW TO VALIDATE YOUR HTML WEBSITE | 2023 | Learn HTML and CSS Full Course for Beginners5m
   • 22 | EM VS REM MEASUREMENTS EXPLAINED IN CSS | 2023 | Learn HTML and CSS Full Course for Beginners18m
   • 23 | UNITLESS LINE-HEIGHTS & REM FONT SIZES | 2023 | Learn HTML and CSS Full Course for Beginners15m
   • 24 | MAKE A WEBSITE RESPONSIVE FOR ALL DEVICES | 2023 | Learn HTML and CSS Full Course for Beginners20m
   • 25 | LET'S MAKE OUR WEBSITE RESPONSIVE | 2023 | Learn HTML and CSS Full Course for Beginners56m
   • 26 | HOW TO CREATE A HTML FAVICON | 2023 | Learn HTML and CSS Full Course for Beginners4m
   • 27 | HOW TO CREATE & STYLE TABLES IN HTML | 2023 | Learn HTML and CSS Full Course for Beginners22m
   • 28 | HOW TO CREATE & STYLE FORMS IN HTML | 2023 | Learn HTML and CSS Full Course for Beginners38m
   • 29 | HOW TO INSERT VIDEOS INTO YOUR WEBSITE | 2023 | Learn HTML and CSS Full Course for Beginners23m
   • Easy Responsive Dropdown Navigation for Beginners with HTML & CSS | Responsive Web Design Tutorial1h 19m