Associate Supporting Materials Practice Set Note: This exercise assumes you have become familiar with writing HTML and using common HTML tags. Formatting of the HTML page you have already created will be done entirely using CSS. 1. Create a css file with the extension.css. 2. Add the reference of css file in each html pages. Note: Use different way of including the style sheet like adding in head section, using link tag and @import in different html pages created before. 3. Add the background image in the header and body section of each pages. 4. Format only the field UserName with font size as 12 and font family as sans. Hint: Use inline css 5. Format the paragraph in all the html pages wherever applied. The contents of any paragraph tag will be justify aligned with 11 point font size. The font used will be Arial and if the Arial font is not available, a generic sans-serif font will be used instead. 6. Formats anchor tags (links) so that the text is blue, Arial font size 11 and no text decoration (which removes the underline that links usually have). 7. Format all the links, which will change to red colour with an underline, when the mouse hovers over anchors (links). 8. Format level 2 headings so that they are maroon in colour, centre aligned with bold, Arial size 18 font. 9. Format level 3 headings so that they are maroon in colour with bold, Arial size 12 font. 10. Provide the style sheet to all the links provided in the navigation bar which will now have red colour and double line spacing. Note: Make use of the style class to format the links. 11. Also add the style sheet on the mouse hover on the link with black background and yellow text colour. Note: Make use of the style class to format the same. 12. Format the paragraphs such that the content is shown inside a box with the horizontal and vertical scroll bar. Hint: overflow References: Books: 1. HTML, XHTML & CSS for Dummies, 6th Edition, by Ed Tittel and Jeff Noble (available at Books 24x7) Links 1. http://www.w3schools.com/css/ Associate Supporting Materials Practice Set Note: This exercise assumes you have become familiar with writing HTML and using common HTML tags. Formatting of the HTML page you have already created will be done entirely using CSS. 1. Create a css file with the extension.css. 2. Add the reference of css file in each html pages. Note: Use different way of including the style sheet like adding in head section, using link tag and @import in different html pages created before. 3. Add the background image in the header and body section of each pages. 4. Format only the field UserName with font size as 12 and font family as sans. Hint: Use inline css 5. Format the paragraph in all the html pages wherever applied. The contents of any paragraph tag will be justify aligned with 11 point font size. The font used will be Arial and if the Arial font is not available, a generic sans-serif font will be used instead. 6. Formats anchor tags (links) so that the text is blue, Arial font size 11 and no text decoration (which removes the underline that links usually have). 7. Format all the links, which will change to red colour with an underline, when the mouse hovers over anchors (links). 8. Format level 2 headings so that they are maroon in colour, centre aligned with bold, Arial size 18 font. 9. Format level 3 headings so that they are maroon in colour with bold, Arial size 12 font. 10. Provide the style sheet to all the links provided in the navigation bar which will now have red colour and double line spacing. Note: Make use of the style class to format the links. 11. Also add the style sheet on the mouse hover on the link with black background and yellow text colour. Note: Make use of the style class to format the same. 12. Format the paragraphs such that the content is shown inside a box with the horizontal and vertical scroll bar. Hint: overflow References: Books: 1. HTML, XHTML & CSS for Dummies, 6th Edition, by Ed Tittel and Jeff Noble (available at Books 24x7) Links 1. http://www.w3schools.com/css/