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

YouTube

HTML and CSS for Absolute Beginners

Kevin Powell via YouTube

Overview

Coursera Flash Sale
40% Off Coursera Plus for 3 Months!
Grab it
Learn to build your first website from scratch in this comprehensive 5-hour 35-minute course designed for complete beginners with no prior coding experience. Start by understanding what HTML is and how to create your first HTML files, then explore fundamental concepts including DOCTYPE declarations, document structure with head and body elements, and semantic HTML markup. Master essential HTML elements such as headings, paragraphs, lists, links, images, and comments while learning proper nesting techniques and the distinction between block and inline elements. Discover how to create multiple pages and link them together to build a cohesive website structure. Transition into CSS fundamentals by learning how to create and link external stylesheets, understand CSS syntax and formatting, and apply basic styling including colors, fonts, text alignment, and font stacks. Explore crucial CSS concepts like inheritance, user agent styles, font sizing, line height, and spacing while comparing inline, internal, and external CSS approaches. Dive deep into the CSS box model covering width, height, padding, borders, margins, and box-sizing properties. Learn to use browser developer tools for debugging and testing your code. Progress to more advanced topics including IDs and classes, divs and spans, pseudo-classes for styling links, background images, and descendant selectors. Understand CSS specificity and how it affects styling decisions. Apply your knowledge to create practical layouts including two-column designs, navigation menus, and responsive images that adapt to different screen sizes. Conclude by implementing media queries to make your website responsive across various devices and add finishing touches to complete your first professional-looking website.

Syllabus

HTML & CSS for Absolute Beginners: Introduction
HTML & CSS for Absolute Beginners: What is HTML?
HTML & CSS for Absolute Beginners: Root folder & your first HTML file
HTML & CSS for Absolute Beginners: DOCTYPE, head, and body
HTML & CSS for Absolute Beginners: HTML Headings
HTML & CSS for Absolute Beginners: Adding content to our project
HTML & CSS for Absolute Beginners: HTML Comments
HTML & CSS for Absolute Beginners: Nesting HTML elements
HTML & CSS for Absolute Beginners: HTML Lists (ol and ul)
HTML & CSS for Absolute Beginners: Semantic HTML
HTML & CSS for Absolute Beginners: Strong and Em elements
HTML & CSS for Absolute Beginners: Block & Inline elements
HTML & CSS for Absolute Beginners: Creating a second page
HTML & CSS for Absolute Beginners: Creating links to other pages
HTML & CSS for Absolute Beginners: Images
HTML & CSS for Absolute Beginners: Intro to CSS
HTML & CSS for Absolute Beginners: Creating and linking to a CSS file
HTML & CSS for Absolute Beginners: CSS syntax / formatting CSS
HTML & CSS for Absolute Beginners: CSS color basics
HTML & CSS for Absolute Beginners: Order in CSS is important
HTML & CSS for Absolute Beginners: Text alignment
HTML & CSS for Absolute Beginners: Font family and font stacks
HTML & CSS for Absolute Beginners: Inheritence
HTML & CSS for Absolute Beginners: User Agent Styles
HTML & CSS for Absolute Beginners: Font sizes
HTML & CSS for Absolute Beginners: Line height and spacing
HTML & CSS for Absolute Beginners: Inline CSS and Internal stylesheets
HTML & CSS for Absolute Beginners: Dev tools
HTML & CSS for Absolute Beginners: The box model - width, height, inline-size, block-size
HTML & CSS for Absolute Beginners: Box model - Padding
HTML & CSS for Absolute Beginners: Box model - Borders
HTML & CSS for Absolute Beginners: Box Model - Margin
HTML & CSS for Absolute Beginners: box-sizing
HTML & CSS for Absolute Beginners: The new layout!
HTML & CSS for Absolute Beginners: IDs and Classes
HTML & CSS for Absolute Beginners: Divs and Spans
HTML & CSS for Absolute Beginners: Styling links with pseudo-classes
HTML & CSS for Absolute Beginners: Background images
HTML & CSS for Absolute Beginners: Descendant Selectors
HTML & CSS for Absolute Beginners: Specificity
HTML & CSS for Absolute Beginners: Specificity + Dev tools
HTML & CSS for Absolute Beginners: Styling lists
HTML & CSS for Absolute Beginners: Preventing layouts from getting too wide
HTML & CSS for Absolute Beginners: Responsive images
HTML & CSS for Absolute Beginners: Creating a two-column layout
HTML & CSS for Absolute Beginners: A simple navigation
HTML & CSS for Absolute Beginners: A bit more flexbox stuff
HTML & CSS for Absolute Beginners: Media Query basics - making a layout responsive
HTML & CSS for Absolute Beginners: Finishing touches
HTML & CSS for Absolute Beginners: What's next?

Taught by

Kevin Powell

Reviews

Start your review of HTML and CSS for Absolute Beginners

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.