HTML WEB DESIGN

 

separator-blank.png

 

INTRO TO HTML GUIDES

 

          Guide 01 – Starting with a blank HTML document (chromebook touchups needed)

          Guide 02 – Split Screen Setup

 

          Guide 03 – HTML Template        

 

          Guide 04 – Tab Title

 

          Guide 05 – Simple Text Concepts


          Guide 06 – The bgcolor Attribute

 

          Guide 07 – Text Altering Tags

          Guide 08 – Text Altering Tags 2

          Guide 08B – Tool Tips

          Guide 09 – Making a copy of a HTML document (chromebook touchups needed)

 

          Guide 10 – Images

 

          Guide 11 – Background Images

 

Guide 12 – Links

 

Guide 13 – Lists

 

Guide 14 – Marquee

 

Guide 15 – Horizontal Separators

 

Guide 16 – Website Structure Diagram

 

Guide 17 – Tables I

 

Guide 18 – Tables II

 

Guide 19 – Tables III


Guide 20 – Embedding a YouTube Video

 

Guide 21 – Embedding a Scratch Program

 

Guide 22 – Embedding a Google Map

Quiz Review

Quiz Review Solutions

 

OTHER POSSIBLE GUIDES

 

French accents (Add <meta charset="UTF-8"> to the HEAD section of each document.)
Online resources: Cooltext.com, dynamicdrive.com
Viewing source in browser

Changing the colour of links (CSS)

favicon.ico maybe…

Doctype

Comments
Embed Audio
Embed Video

How to zip and unzip files (possible assignment to find which files are zipped)