HTML Lesson 2

569 views

Published on

Published in: Education, Technology, Design
0 Comments
0 Likes
Statistics
Notes
  • Be the first to comment

  • Be the first to like this

No Downloads
Views
Total views
569
On SlideShare
0
From Embeds
0
Number of Embeds
25
Actions
Shares
0
Downloads
7
Comments
0
Likes
0
Embeds 0
No embeds

No notes for slide

HTML Lesson 2

  1. 1. Backgroundand imagesLesson 2By: Hector Tejada
  2. 2. 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
  3. 3. 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.
  4. 4. 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.
  5. 5. 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”>
  6. 6. 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.
  7. 7. ReviewYou should now how to:• Change the background image• Change the background color• Change the font color• Change the font style and size
  8. 8. 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.

×