Graphics

283 views

Published on

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

  • Be the first to like this

No Downloads
Views
Total views
283
On SlideShare
0
From Embeds
0
Number of Embeds
9
Actions
Shares
0
Downloads
2
Comments
0
Likes
0
Embeds 0
No embeds

No notes for slide

Graphics

  1. 1. Graphics
  2. 2. Tag for Pics or Graphics <ul><li><img src=“name of file”> </li></ul><ul><li>Example: <img src=“elk.jpg”> </li></ul>
  3. 3. Location of Graphics <ul><li>Graphic above information </li></ul><ul><li>Insert a paragraph tag before and after the image tag </li></ul>
  4. 4. Graphics <ul><li>Text at top of Image </li></ul><ul><ul><li><img align=top src=“filename”> </li></ul></ul><ul><li>Graphic in middle of text </li></ul><ul><ul><li><img align=middle src=“filename”> </li></ul></ul><ul><li>Graphic at bottom of text </li></ul><ul><ul><li><img align=bottom src=“filename”> </li></ul></ul>
  5. 5. ALT Tag <ul><li>Allows for a substitution of a descriptive string of text to hold the place of the image </li></ul><ul><li>Text-only browsers will need alt tag. Also, if a picture does not load properly, the viewer will have an idea of what is supposed to be in that place. </li></ul>
  6. 6. Alt Tag <ul><li><img src=“elk.jpg” alt=“Ridgway’s Mascot”> </li></ul><ul><li>Alt tag is included in with the image tag. It is also always in quotes. </li></ul>
  7. 7. Height and Width <ul><li>Format: </li></ul><ul><ul><li><img src =“filename” width=x height=y> </li></ul></ul><ul><ul><li>x and y are the width and height respectively in pixels. </li></ul></ul>
  8. 8. Images in folders <ul><li>If an image is in the images folder instead of the main folder…. </li></ul><ul><li><img src=images/filename> </li></ul>
  9. 9. Background Picture <ul><li><body background=“filename”> </li></ul><ul><li>Example: </li></ul><ul><li><body background=“elk.jpg”> </li></ul>

×