Table Of Contents

Chapter 1: Introduction

Tools of the Trade
Opening a .HTML File

Chapter 2: Basics of HTML

What is HTML
Basic Structure of a HTML Page
Doctype
Start and End Tags
The Head Element
The Body Element
Elements Within the Head Element
Elements Within the Body Element
Elements for Adding Content to the Page
Elements Used in Conjunction with CSS
Elements For Adding Javascript Code to Website
Elements For Formatting Text
Elements for Defining Sections of a Webpage
Comments
Character Entities

 

Chapter 3: Basics of CSS

Applying CSS Code
Syntax of a CSS rule
Selecting an Element
Selecting Classes and IDs
More Selectors
Case Insensitivity
Order of Precedence
Display Inconsistency
Comments
Exercise 3
Exercise 3.1

 

Chapter 4: CSS Box Model

What is the CSS Box Model
Width and Height Properties
Overflow Property
Padding and Margin Properties
Border Properties
border-width
border-color
border-style
border-radius
Border Shorthand
Exercise 4
Exercise 4.1

 

Chapter 5: Positioning and Floating

Positioning
Static Positioning
Relative Positioning
Fixed Positioning
Absolute Positioning
Floating
Exercise 5
Exercise 5.1
Exercise 5.2

 

Chapter 6: Display and Visibility

Display
Visibility
Exercise 6
Exercise 6.1

 

Chapter 7: Background

Background Color
Background Image
background-image
background-repeat
background-attachment
background-position
Exercise 7
Exercise 7.1

 

Chapter 8: Text and Font

Font Properties
font-family
font-size
font-style
font-weight
Text Properties
color
text-alignment
text-decoration
letter-spacing
word-spacing
line-height
Exercise 8
Exercise 8.1

 

Chapter 9: Lists, Links and Navigation Bars

CSS Lists
list-style-type
list-style-image
list-style-position
list-style
CSS Links
Navigation Bars
Exercise 9
Exercise 9.1
Exercise 9.2

 

Chapter 10: Tables

Border, Padding and Margin
Height and Width
Text Alignment
Background, Font and Text
nth-child( ) Selector
Exercise 10
Exercise 10.1

 

Bonus Project

 

Thank You

 

Appendix A: Source Code for Exercises