Exercise 2

Customise the design of your content by adding inlines styles to the base HTML. Set text and background colours, adjust sizes and more!

• Use the sidebar to edit the code for the content visible in the box on the left hand side of the page
• The right hand side shows the goal for what you're hoping to achieve by adding HTML tags to the default plain-text content

Tasks

1. Changes to the Heading 1 element at the top of the page
   • Change the padding to 10px
   • Change the background color to green
   • Change the text color to white
2. Changes in the first paragraph
   • Change the <strong> text to blue (that's the bold text)
   • Change the italic text to blue. You'll need to add a "style" attribute to the <em> tag to do that!
3. Changes to the image
   • Change the width of the image to 100%
   • Add border-radius: 50% to see what that style does
4. Changes to the subheadline and link
   • Change the color Heading 3 to red
   • Change the color of the link to green
   • Add a text-decoration: underline; style to the link
5. Changes to the video
   • Set the width of the <iframe> to 600px
   • Set the height of the <iframe> to 400px
6. Optional HTML challenges
   • Change the "src" of the <img> so it uses the URL of a different image
   • Change the embedded video to your favourite nostalgic Aussie rock song of the 1980s