EMP2 06: HTML – From semantics to tables 02/21/18

INTRO:
Read Chapter 1, 2
Code Work: Review 1, 2 – Practice (create several HTML files)
Create a splash page for your web site (use anything you want) with an image and a link. Example?
How to organize your HW

READING REVIEW:
HTML is a hierarchy.
Attributes
HTML Summary
All the tags
HTML Summary 2
Good resource

Looking Ahead:
Read: 3, 4, 5, and 6.
HTML: Try out all the code samples: 3, 4, 5 and 6.

Lists:

Links:
– HTML link attributes
– Ch4 – Examples,
HTML depends on file paths pg. 81
Path demo. Should end up at this LINK. You can also download the files
E-mail link magic

Images:

Tables:
– Tables: Basic
– Tables: Colspan, Rowspan
Table: Photoshop Demo
HTML and the background image
Tables: background attribute

ASSIGNMENT:
Read: 3, 4, 5, and 6.
HTML: Try out all the code samples: 3, 4, and 5 and 6.

Homework:
1. Read the chapters above
2. Create the following:
– At least 3 HTML pages set up in Parent, Child, and Grandchild directories.
– Include a list
– Use the “id” attribute, to link to “top” or “bottom”
– Use the “id” attribute to link to a specific section on another page
– Use the link attribute, to generate a new page (link to a new page or tab)
– Mount a large image in an HTML table using Photoshop. Next, put text over the image as demonstrated in class.