Adding images

-

Images:

    The images are defined with <img> tags.This tag does not have a closing tag.
                             <img src="url" alt="text">


If we write this code, the page appears to be...



    Here src attribute specifies the address of the image and the alt attribute is used as an alternative.If the user cannot view the image of some reason, this attribute provides an alternative text for that image and that text will be displayed on the frame.

Image Height and Width:


   We can use the style attribute to set both the height and width of an image. 
                  If we write this code, the page appears to be...



   We can also do that by using individual height and width attributes.



If we write this code, the page appears to be...






Image borders:

    Adding borders to images is done by using attributes like border_width, border_color and border_style in the style attribute.






Comments

Post a Comment

Popular posts from this blog

Creating lists

-
Image
Lists:     Lists are commonly used to display the items one after the other instead of using <br> tags.They are of two types- Unordered lists Ordered lists Unordered lists:      Unordered lists  are used when a set of items can be placed in any order. These lists use a pair of <ul> tags and each element in the list use pair of  <li> tags.  If we write this code, the page appears to be...     We can change the type of bullet i.e.,square, circle etc. by using type attribute in <ul> tag.  If we write this code, the page appears to be... Ordered lists:      Ordered lists  are used when a set of items that need to be placed in a specific order. These lists use a pair of  <ol>  tags and each element in the list use pair of  <li>  tags.  If we write this code, the page appears to be... ...
Read more

Paragraphs and Headings

-
Image
Paragra phs:     The <p> tag defines a paragraph.     If we write this code, the page appears to be... Headings:      The <h1> to <h6> tags define the headings.     If we write this code, the page appears to be...
Read more