Downloaded 16 times
Uploaded byDenni Domingo
Html images
The <img> tag is used to define images in HTML. It contains a src attribute to specify the image URL and optional alt text if the image fails to load. Width and height attributes can specify pixel or percentage dimensions. Images can be aligned within text using the align attribute with values of top, middle, bottom. The align attribute can also float images left or right of a paragraph. Additional attributes like hspace, vspace add spacing around images, and background inserts a background image. The <a> tag can turn an image into a link.
More Related Content
More from Denni Domingo
Html images
- 1.
- 2. Image Tag andSRC Attribute <img> defines an html image src - stands for source - attribute value contains url of image syntax: <img src="url">
- 3. Alt Attribute >>> usedto 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 >>> usethe align attribute to align an image within text >>> values are "top", "bottom", "middle" e.g. <img src="url" align="top">
- 6. Floating Images >>> tolet 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 >>> usedto insert a background >>>use with the <body>, <table>, <tr> or <td> tags e.g. <body background="url">
- 10. Image Links >>> theanchor tag can turn an image into a link syntax: <a href="url"><img src="url"></a>