Introduction
  • Introduction
Html basics
  • Setting up notepad++
  • Things keep in mind
  • Html page structure
  • Html attributes
  • Html paragraph and heading
  • Html comments
  • Formating text
  • How to add quotes in html page
  • Anchor tag part 1
  • Anchor tag part 2
  • How to add image in html page
  • How to map a image
  • Html table
  • How to span a table
  • Html lists
  • Block level elements
  • Inline elements
  • Html frames
Html5 form
  • Basic form
  • Different from elements
  • Different input types
  • Form attributes part 1
  • Form attributes part 2
Html5 media
  • Adding audio in html page
  • Adding video in html page
  • Adding plugins in html page
  • Adding video form youtube in html page
Html5 graphics and semantics
  • How to draw graphics html page
  • Html5 semantics elements
Css basics
  • Introduction to css
  • How to apply css
  • How to write Css selector & syntax
  • Css comments
  • Adding backgrounds in html page
  • Styling text
  • Css font properties
  • How to handle multiple stylesheets
  • How to apply classes
  • Styling html anchor tag
  • Styling html lists
  • Adding border
  • Adding outline
  • Adding margin
  • Adding padding
  • Css dimension
  • Styling table
  • Styling div
  • Styling html5 semantics
  • How to apply id
  • Things to know about class and id
  • How to float elements
  • Positioning elements
  • Absolute position
  • Relative position
  • Fixed position
  • Css clip
  • How to cursor symbols
  • How to handle overflow
  • Css display and visibility
  • Css combinators
  • Css opacity
  • Css pseudo elements
  • Css pseudo classes part 1
  • Css pseudo classes part 2
  • How to code a navigation bar
  • How to code a gallery
  • Code a complete layout
Css3 advance stuff
  • Prefixes
  • Css3 Border radius
  • How to insert Border image
  • Adding multiple backgrounds
  • Css3 background properties
  • Css3 colors
  • Css3 gradient
  • Css3 shadows
  • Extra CSS3 properties to handle text
  • Css3 web fonts
  • Css3 transition
  • Css3 2d transform
  • Css3 3d transform
  • Css3 animations
  • Adding multiple columns
  • Handling user interface
Coding website
  • Introduction to project
  • Code basic html structure
  • code body and main
  • Code header
  • Code slider
  • Code content area
  • Code footer
  • Create product page