Lab 12: Practice with Inline and External Styles

Instructions:

1. For this lab you will be revisiting a previous lab and practicing with inline styles and external styles using <link />.
2. Make two copies of the old file, naming the copies lab12a.html and lab12b.html
3. Do not alter the original (X)HTML file; we want to preserve the original version.
4. If necessary, update the Lab 12 files to XHTML 1.0 Strict, with any corresponding (X)HTML code changes necessary to achieve successful validation.
5. For the lab12a.html file, use inline CSS to style the page content.
6. For the lab12b.html file, use <link /> to call the stylesheet file.
7. Now compare the two approaches. Which one was faster to implement? Which one seems 'cleaner' from a code perspective? How do their file sizes compare?
8. Link to the two Lab 12 files from your class page and include a link at the bottom of the files back to your class page.
9. Upload the revised files to the server and also copy them to your removable media.