HTML Basics Studies & Important description Part VIII

HTML BASICS STUDIES FOR STUDENTS

HTML Basics Description

7. Inserting Graphics:

Please read the pages I e-mailed you about gif’s and jpeg’s and about large files.

<img src="nips-logo.jpg" />                The Image Tag

Let us suppose you wish to insert a clip art file that is in the same directory as this html page, and that the file is named StopSign.gif  At the place where you wish the image to go you code:

            <img src=”StopSign.gif” />Here is the text that goes next to it

You may refer to the file using absolute or relative addressing (as for links).

<img src=”StopSign.gif” height=”100” width=”100” />What a big stop sign!

Obviously, if you change the height and width to a different ratio than your original gif or jpeg you will distort the image (which you may choose to do.)

Inside the img tag you may align the image to go on the left (or right) of the accompanying text.

<img src=”StopSign.gif  stlye=”text-align:left; border:0” />

NOTE: As of HTML5 you are supposed to always set the border.  While the border attribute may still be used inside the <img> tag, it is preferred to set the border with CSS