All of the text fields below (e.g. ) contain HTML. Use you mouse or keyboard to copy and paste the HTML into a "plain text editor" (e.g. notepad, textpad).
Save the file to your desktop as an HTML file, (e.g. file_name.html). Once they are saved, you can double click on them or use your keyboard to open them. They will automatically open in your default Web browser. When the files are open in your Web browser, you will be able to see how the HTML works in your browser.
Various Web browser types will display the HTML differently.
************************************************************************************************************
Lesson 6:
Placing Images On A Page:
The <IMG> tag is used to put images on an HTML page. The syntax for this tag is as follows:
<IMG SRC="filename" (image search equals "name of image")
ALT="text_description" (alternate equals "text to display if image does not display")
ALIGN="alignment_type" (align equals "left, right, center or justify")
ISMAP (image search map, used when image map coordinates are included in the tag)
WIDTH="pixel_width" (width equals "number of pixels wide [horizontal] the image is")
HEIGHT="pixel_height" (height equals "number of pixels high [vertical] the image is")
BORDER="in_pixels" (border equals "number of pixels thick the border surrounding the image is")
HSPACE="in_pixels" (horizontal space equals "number of pixels on either side of image as buffer")
VSPACE="in_pixels" (vertical space equals "number of pixels above or beneath image as buffer")
>
The basic sytax for the <IMG> tag is:
The <IMG> tag does not require a closing tag!
Copy the aforementioned source code example to the BODY of any of your previously saved lessons and save it as lesson6.html
This example uses "ewm2.jpg" image file, you will need to save this image to your "desktop" which is or wherever you are saving your HTML lessons to.
Right click on this image:
Choose "Save Picture AS...", then name it "ewm2.jpg" (name may already appear by default). Make sure it is save to the same location (desktop, folder, other) as the HTML lessons we've worked on so far!
Open the "lesson6.html" file in your browser to see the results!
| Author | Charles E. Brown | |
| Company | EWM / PSI | |
| Comments to | ||
| Contact Page | Form | |
| Created | Jan-01-1999 | |
| Updated | ||
|
Copyright ©1999-2001. |
||