HTML and CSS for beginners

Course Curriculum

Chapter 1: HTML Basics – The element and structure

Lecture 1: Introduction

Lecture 2: HTML Structure

Lecture 3: First Web Page

Lecture 4: Line breaks, spacing, and comments

Lecture 5: Ordered and Unordered lists

Lecture 6: Tables

Lecture 7: Creating a web link

Lecture 8: Creating links within same web page

Lecture 9: Adding a image to a web page

Lecture 10: Resizing and sizing images

Lecture 11: Nested elements

Lecture 12: One-line text box

Lecture 13: Add label to text box

Lecture 14: Multi-line text box

Lecture 15: Radio buttons

Lecture 16: Checkbox

Lecture 17: Number input box

Lecture 18: Drop-down list

Lecture 19: Date and numbers

Lecture 20: Attributes

Lecture 21: The meta element

Lecture 22: Escape characters

Lecture 23: Bold and italic elements

Lecture 24: Iframe element

Lecture 25: Sup and Sub elements

Lecture 26: Title and Alt attribute

Lecture 27: Audio Element

Lecture 28: Audio Element attributes

Lecture 29: Video element

Lecture 30: Doctype

Chapter 2: CSS

Lecture 1: Introduction to CSS

Lecture 2: Changing font type and color and size

Lecture 3: Multiple selectors and writing rule for more than one element

Lecture 4: Add a line to header and border property

Lecture 5: Inheritance and overriding

Lecture 6: Using Classes in CSS

Lecture 7: More on Classes in CSS

Lecture 8: Font Family

Lecture 9: The Font-Weight Property

Lecture 10: Using a external style sheet

Lecture 11: Text-decoration property

Lecture 12: Italic text

Lecture 13: Web Colors

Lecture 14: Using inline style

Lecture 15: More on Font sizes

Lecture 16: Line height property

Lecture 17: CSS Box Model Part 1

Lecture 18: CSS Box Model Part 2

Lecture 19: CSS Box Model Part 3

Lecture 20: CSS Box Model Part 4

Lecture 21: Background image property

Lecture 22: The ID Attribute

Lecture 23: The text align property

Lecture 24: Border Property Part 1

Lecture 25: Border Property Part 2

Lecture 26: Using the DIV element

Lecture 27: Using the SPAN element

Lecture 28: Add content page and reuse some of our CSS classes

Lecture 29: CSS Tutorial for Beginners – 29 – Special effects

Lecture 30: Block and Inline elements

Lecture 31: Block and Inline elements Part 2

Lecture 32: Block and Inline elements Part 3

Lecture 33: Floating an element

Lecture 34: Absolute position for an element

Lecture 35: Fixed position for an element

Lecture 36: The overflow property

Lecture 37: The cursor property

Lecture 38: Custom cursor

Lecture 39: Text and images

Lecture 40: Relative positioning

Lecture 41: Vertical menu

Lecture 42: Vertical menu Part 2

Lecture 43: Horizontal menu

Lecture 44: A nice button

Lecture 45: The inline-block

Lecture 46: Web Forms Part 1

Lecture 47: Web Forms Part 2

Lecture 48: Review and descendant selector – Selectors Part 1

Lecture 49: Child selectors – Selectors Part 2

Lecture 50: Strategies – Selectors Part 3

Lecture 51: Sibling selector – Selectors Part 4

Lecture 52: Attribute Selector – Selectors Part 5

Lecture 53: nth child Selector – Selectors Part 6

Lecture 54: not Selector – Selectors Part 7

Chapter 3: CSS Graphics

Lecture 1: Opacity property – Working against a DIV

Lecture 2: Linear gradients

Lecture 3: Lets combine opacity and gradient

Lecture 4: Text-shadow

Lecture 5: Box shadow

Chapter 4: CSS Layout

Lecture 1: Introduction to layouts

Lecture 2: Styling the body

Lecture 3: Adding header and navigation section

Lecture 4: Adding the main content section

Lecture 5: Adding the sidebar