CMSC 10100 HOMEWORK 1 Due date: Friday, January 14, 23:59:59 A. PRELIMINARIES (20 pts.) Do HOMEWORK 0 if you haven;#039;t yet. B. HTML LABORATORY For the first two laboratories (labs 1 &#amp; 2 you will be asked to create a number of HTML pages. For easier identification, ALL your HTML pages should have your name and the laboratory number in the TITLE of the page HEAD section. 1. Create an HTML page with personal information (40 pts.) Include the following under the headings a) Personal Information b) Computer Skills Under a), state your full name and address (including email). Should your user id on the CS network be different from your UC email user id, include it as well. Under b), list the programming languages, markup languages, and computer course you have taken. ('None' if it doesn't apply.) Finally, write one or two short paragraphs on how you typically use a computer. How you mark up the text is up to you, but the markup must reflect the structure of the text. Use tags whose names reflect their structural significance: HTML defines appropriate tags for headings, paragraphs, lists, etc. Also, the markup should be consistent across similar text sections. For one possible solution, look at an example for guidance: http://www.classes.cs.uchicago.edu/current/10100-1/html/hwks/hw1/story/hw1aRef.pdf Your page can look quite different. 2. HTML Text Formatting (40 pts) Download the tar archive 'story.tar.gz' into your hw1 directory and extract the files needed for this exercise. Extract the downloaded file with the following commands: gunzip story.tar.gz tar xf story.tar The story.tar.gz file can be found at: http://www.classes.cs.uchicago.edu/current/10100-1/html/hwks/hw1/story.tar.gz The archive contains a plain text file and a number of images, as well as samples. Your assignment is to mark-up text and images. As in the previous section, the markup must reflect the structure of the text and be consistent. Align the images as indicated in the text. Also, include the 'alt' attribute and some descriptive text in the 'img' tags. Put the last image into a separate paragraph tag and set the alignment of the paragraph with the 'style' attribute to style="text-align: center" Finally, edit the index.html page in your hw1 directory by adding links to both parts of the laboratory. Also you must remove any "scratch," partial, or irrelevant files from each homework directory before you submit it so as to prevent us from grading the wrong files. Again, for positive identification, ALL your HTML pages should have your name and the laboratory number in the TITLE of the page HEAD section.