Formatting Text with Styles

Exercise

Start a new Document
Give it a Title : Formatting Text with Styles – this is the title in the <head>
Put the Title on the Page
Leave One blank line
Copy and paste in two paragraphs
Make sure each paragraph has a header line. (like: http://www.lombardiconsulting.com/business-services.html )
All text should now be on the page, lets start formatting.
Formatting
- Change page background color
- Center Page Title and give it an H1 tag.
- Make the header line of the 1st Paragraph an H2 tag
- Setup a “Style” for the body text: Verdana, 14 px
- Apply .bodytext class to both paragraphs of text (not header lines)
- Make the header line of 2nd paragraph an H2 tag
- Change the default H1 tag look. – hint it easiest to go to code to get this sarted.
  - Set it to Verdana, 36 px, and blue color
- Change the default H2 tag look
  - Verdana, 24 px, white letters
  - Put letters on a blue background
- Now Edit the H2 tag again and:
  - Line-height of 50 px
  - Center the text – “Block settings”
  - Set a box of 300 w by 50 h
  - Set a solid thin border all the way around
- Now lets change the bodytext to 16 px and lets space it out a bit by making the line-height 25 px
Save the file (day3-ex1.html) and view on your local machine
Once it looks right, upload to your site and view it from your URL