HTML and CSS COURSE SYLLABUS

Web Programming Introduction

Web Development Introduction

HTML Introduction

History of HTML
What you need to do to get going and make your first HTML page
What are HTML Tags and Attributes?
HTML Tag vs. Element
HTML Attributes:
How to differentiate HTML Document Versions

HTML Basic Formatting Tags

HTML Basic Tags
HTML Formatting Tags
HTML Color Coding

HTML-Grouping Using Div Span

Div and Span Tags for Grouping

HTML Lists

Unordered Lists
Ordered Lists
Definition list

HTML Images

Image and Image Mapping

HTML Hyperlink

URL - Uniform Resource Locator
URL Encoding

HTML Table

<table>
<th>
<tr>
<td>
<caption>
<thead>
<tbody>
<tfoot>
<colgroup>
<col>

HTML Iframe

Attributes Using
Iframe as the Target

HTML Form

<input>
<textarea>
<button>
<select>
<label>

HTML Headers

Title
Base
Link
Style s
Script
Meta

HTML Miscellaneous

HTML Meta Tag
XHTML
HTML Deprecated Tags & Attributes

CSS Introduction

Benefits of CSS
CSS Versions History
CSS Syntax
External Style Sheet using
Multiple Style Sheets
Value Lengths and Percentages

CSS Syntax

CSS Syntax
single Style Sheets
Multiple Style Sheets
Value Lengths and Percentages

CSS Selectors

ID Selectors
Class Selectors
Grouping Selectors
Universal Selector
Descendant / Child Selectors
Attribute Selectors
CSS – Pseudo Classes

CSS Color Background Cursor

background-image
background-repeat
background-position
CSS Cursor

CSS Text Fonts

color
background-color
text-decoration
text-align
vertical-align
text-indent
text-transform
white-space
letter-spacing
word-spacing
line-height
font-family
font-size
font-style
font-variant
font-weight

CSS Lists Tables

list-style-type
list-style-position
list-style-image
list-style
CSS Tables

border
width & height
text-align
vertical-align
padding
color

CSS Box Model

Borders & Outline
Margin & Padding
Height and width
CSS Dimensions

CSS Display Positioning

CSS Visibility
CSS Display
CSS Scrollbars
CSS Positioning

Static Positioning
Fixed Positioning
Relative Positioning
Absolute Positioning

CSS Layers with Z-Index
CSS Floats
The float Property
The clear Property
The clearfix Hack