Objectives Learn how to change the background color or to an image Learn how to add an image to the site Learn how to change font colorRequirements: Notepad images
Step 1In your body tag you need to have thebackground attribute. Then type in your filename and type. It will look like the imagebelow. Warning though if the image is notbig enough it will repeat itself and theimage needs to be in the same location asthe html.
Step 2If you do not like having an image for abackground you can choose a color.Instead of the background attribute, youuse the bgcolor attribute. Then you type inthe color you want or type in the hex valuefor that color.
Step 3Next option you have is changing the fontcolors. This is useful if you have abackground that makes the text difficult toread. You use the font tag with the colorattribute. The tag will look like this <fontcolor=“nameofcolor”>
Step 4You can change the font style. You need touse the font tag as well as the faceattribute. The tag looks like this <fontface=“name_of_font_style”>You can alsochange the font size with the font tag andsize attribute.
ReviewYou should now how to:• Change the background image• Change the background color• Change the font color• Change the font style and size
AssessmentNow that you have learn how to do all ofthat I want you to show what you know byrecreating those pages. You can use anyimage as the background. It needs to havea different style of text and color.