Introduction to HTML
  • What is HTML
  • Anatomy of HTML Tag
  • HTML Document Structure
Basic Tags - HTML 5
  • Creating First HTML Application
  • Headings and Paragraphs
  • Hr
  • Div
  • Headings and Paragraphs
Basic Styles - CSS 3
  • What is CSS
  • Anatomy of CSS Style
  • Tag Selector
  • ID Selector
  • Class Selector
Font and Text Styles - CSS 3
  • Font-Family
  • Font-Size
  • Font-Weight
  • Font-Style
  • Font-Variant
  • Font-Shorthand
  • Color
  • Text-Align
  • Text-Decoration
  • Text-Transform
  • Text-Indent
  • Letter-Spacing
  • Line-Height
  • Word-Spacing
  • Text-Shadow
  • White-Space
  • Text-Direction
  • Span Tag in HTML
  • Font and Text Properties in CSS
Icons - CSS 3
  • Font-Awesome Icons
  • Google Icons
The Box Model - CSS 3
  • Background-Color
  • Box Model
  • Margin
  • Margin - Top Right Bottom Left
  • Margin - Shorthand
  • Padding
  • Padding - Top Right Bottom Left
  • Padding - Shorthand
  • Width and Height
  • Float
  • Clear
  • Border - Style Width Color
  • Border - Shorthand
  • Border - Top Right Bottom Left
  • Outline
  • Outline-Offset
  • Border Radius
  • Box Shadow
  • Transition
  • Transformations
  • Transform-Origin
  • 3D Transformations
  • KeyFrame Animations
  • Gradient Colors
  • Overflow
  • Word Wrap
  • Writing Mode
  • Max-Width and Min-Width
  • Wooden Workshop Website Template
Lists - HTML 5 & CSS 3
  • Unordered List
  • Ordered List
  • List-Style-Type
  • List-Style-Image
  • Nested Lists
  • Description Lists
  • Live Server in VS Code
  • Countries List
HTML 5 & CSS 3 - Links and Navigation
  • Links
  • Link Styles
  • Navigation Bar
  • External Style Sheet
  • Bookmark Links
  • File Links
  • Iframe
  • Position
  • Display
  • Visibility
  • Sidebar
  • Sidebar with Sub-menus
Images, Audio, Video - HTML 5 & CSS 3
  • Images
  • Image Gallery
  • Figure and Figcaption
  • Importance of Title and Alt Attributes
  • Style Attribute
  • Images as Links
  • Background-Image
  • Background-Repeat