Intro to HTML and CSS
Embark on your web development journey by mastering HTML for structure and CSS for styling, creating responsive and accessible web pages from scratch.
...
Share
HTML Fundamentals: Structuring Your First Web Page
Unit 1: Introduction to HTML
What is HTML?
Setting Up Your Workspace
Anatomy of HTML Element
HTML Document Structure
Adding a Title
Unit 2: Basic HTML Tags
Headings: h1 to h6
Paragraphs: The p Tag
Links: The a Tag
Images: The img Tag
Line Breaks and Horizontal Rules
Unit 3: Lists in HTML
Unordered Lists: ul Tag
Ordered Lists: ol Tag
Description Lists: dl Tag
Nesting Lists
Lists Best Practices
Unit 4: Semantic HTML
What is Semantic HTML?
The article Tag
The aside Tag
The nav Tag
The footer Tag
CSS Fundamentals: Styling Your Web Pages
Unit 1: Introduction to CSS
What is CSS?
CSS Syntax Basics
CSS Selectors: Elements
CSS Selectors: IDs
CSS Selectors: Classes
Unit 2: Applying CSS
Inline CSS
Internal CSS
External CSS
CSS Specificity
CSS Cascade
Unit 3: Styling Text
Color Properties
Font Family
Font Size
Text Formatting
Text Alignment
Unit 4: The CSS Box Model
Box Model: Content
Box Model: Padding
Box Model: Border
Box Model: Margin
Box Sizing
Unit 5: CSS Inheritance
What is Inheritance?
Inherited Properties
Overriding Inheritance
The inherit Keyword
Initial and Unset
Responsive Design and Modern Layouts
Unit 1: Responsive Design Fundamentals
Intro to Responsiveness
The Viewport Meta Tag
Media Queries: The Basics
Breakpoints Demystified
Testing Responsiveness
Unit 2: Mastering Flexbox Layout
Flexbox: Intro
Flex Container Properties
Flex Item Properties
Aligning Items Individually
Real-World Flexbox
Unit 3: Harnessing CSS Grid Layout
Grid: An Intro
Defining Grid Tracks
Placing Items on the Grid
Grid Alignment & Justify
Grid Templates
Unit 4: Optimizing Assets and Accessibility
Image Optimization
Lazy Loading Images
A11y: Semantic HTML
A11y: Color and Contrast
A11y: Testing
Version Control with Git and CSS Frameworks
Unit 1: Introduction to Git
What is Version Control?
Installing Git
Git Basics: Init & Status
Staging Changes
Committing Changes
Unit 2: Branching and Merging
Branching Explained
Creating and Switching
Merging Branches
Merge Conflicts
Deleting Branches
Unit 3: CSS Frameworks: Bootstrap
Intro to CSS Frameworks
Bootstrap Setup
Bootstrap Grid System
Bootstrap Components
Customizing Bootstrap
Unit 4: CSS Frameworks: Tailwind CSS
Tailwind CSS Intro
Tailwind Setup
Utility Classes
Customizing Tailwind
Accessibility with Tailwind