Like this? Share it with your network

Share

Html images

on

  • 515 views

 

Statistics

Views

Total Views
515
Views on SlideShare
515
Embed Views
0

Actions

Likes
0
Downloads
2
Comments
0

0 Embeds 0

No embeds

Accessibility

Upload Details

Uploaded via as Microsoft PowerPoint

Usage Rights

© All Rights Reserved

Report content

Flagged as inappropriate Flag as inappropriate
Flag as inappropriate

Select your reason for flagging this presentation as inappropriate.

Cancel
  • Full Name Full Name Comment goes here.
    Are you sure you want to
    Your message goes here
    Processing…
Post Comment
Edit your comment

Html images Presentation Transcript

  • 1. HTMLIMAGES
  • 2. Image Tag and SRC Attribute  <img> defines an html image  src - stands for source - attribute value contains url of image syntax: <img src="url">
  • 3. Alt Attribute >>> used to define an “alternate text” in cases where the image fails to load >>> attribute value is author-defined e.g. <img src="car.jpg" alt="my car">
  • 4. Width and Height Attributes >>> allows you to specify the display width and display height of your image syntax: <img src=“url” width=“n” height=“n”> *value can either be in pixels or percentages
  • 5. Aligning Images >>> use the align attribute to align an image within text >>> values are "top", "bottom", "middle" e.g. <img src="url" align="top">
  • 6. Floating Images >>> to let an image float either to the right or to the left of a paragraph, use the align attribute as well >>> values are "right" and "left"
  • 7. Floating Images e.g. <p> <img src="url" align="left"> This is a paragraph. This is a paragraph. This is a paragraph. This is a paragraph. This is a paragraph. This is a paragraph. This is a paragraph. This is a paragraph. This is a paragraph. This is a paragraph. This is a paragraph. This is a paragraph. </p>
  • 8. Hspace and Vspace Attributes  hspace, vspace attributes are used to add space around the image <img src="url" hspace="n" vspace="n"> hspace: to add space on both the right and left sides of the image vsapce: top and bottom of the image
  • 9. Background Attribute >>> used to insert a background >>>use with the <body>, <table>, <tr> or <td> tags e.g. <body background="url">
  • 10. Image Links >>> the anchor tag can turn an image into a link syntax: <a href="url"><img src="url"></a>