CMSC 210
Spring 2017
Exercise
02/10/2017
CSS in class Lab
Due: end of class

Assignment:   (worth 8 exercise points)      

0)   Create a folder called CSSlab.  All of your files will go into this folder.

1)  
Create a file inside the folder called Table1.html.     This should have a properly formatted HTML code page that looks like the following:

lab image
This table has 9 book titles and their authors.
RESTRICTIONS:
- no attributes are allowed in this code EXCEPT for  style.
- this page must use INLINE CSS (no internal or external)


2)   Create a file inside the folder called Table2.html.     This should have a properly formatted HTML code page that duplicates the above page.    However, this time, there may be no inline css, but all css must be done with INTERNAL css.   The only attribute allowed this time is the class attribute.

Notes:
  • all of the blue cells have historical fiction
  • all of the yellow cells have mysteries
  • all of the green cells have childrens books
  • all of the pink cells have horror books.


3)   Create a file inside the folder called Table3.html.     This should have a properly formatted HTML code page that duplicates the above page.    However, this time, there may be no inline or internal css, but all css must be done with EXTERNAL css.   The only attribute allowed this time is the class attribute.



4)   Create a file inside the folder called  OneMore.html.        This should have a properly formatted HTML code page that looks like the following:

l

NOTES:
  • Note that the list of schools is directly under the the label at the top.  (no vertical space between "Big South" and "Longwood University".
  • The Foot Book image can be found at:  http://ecx.images-amazon.com/images/I/51NmgbiTHJL._SY344_PJlook-inside-v2,TopRight,1,0_SH20_BO1,204,203,200_.jpg
  • The Cat in the Hat image can be found at:  http://ecx.images-amazon.com/images/I/517qxR55yML._SY344_PJlook-inside-v2,TopRight,1,0_SH20_BO1,204,203,200_.jpg
  • The attributes your code may use are  src, class, id, and style.
  • You may use inline, internal, or external CSS.

Handin:

Publish your folder to your account.    I will be looking at the following URL:
http://cs.longwood.edu/~youruserid/210/CSSlab/   (replacing youruserid as appropriate)