Veren Services is for any person who is searching

  INTRODUCTION:

HOME

ABOUT

TECH ARTICLES

EDUCATIONAL

CONTACT

SERVICES:

DESIGN

HOSTING

CLIENTS

SHOPPING CART

MARKETING

NETWORK:

CAPITAL CELTIC

HEALY CLAN
ORGANIZATION

ED HEALY
ONLINE

 
 
 
     
 

BASIC CONCEPTS IN HTML CODE FOR WEB PAGES
IMAGE TAGS

 

[IMAGE TAGS]

The Tag for placing images on a web page is:
<IMG SRC= "filename.xxx">.

The file name inside the <IMG SRC => tag determines the image that will appear on the page.

The file name for this GO graphic is "gobtn.gif" and it is placed on the page by typing <IMG SRC= "gobtn.gif">.


The gray bar on the page is also an image, named "bar1.jpg". Images may be .jpg or .gif files. Sometimes other formats are used, but .jpg and .gif are most common.

IMPORTANT:
The "case" or capital letters must match the filename EXACTLY. For instance "bar1.JPG" or "BAR1.JPG" would result in an error, which might appear as: a symbol might appear with a file name, but the graphic would not be viewable.

Some browsers or viewers may be more forgiving than others, so it is best to get it right from the start.

To indicate a file name or insert a message to be viewed while the file is loading type in: <IMG SRC= "gobtn.gif" alt= "Name of Graphic Here">.

To use this graphic as a Hyper-Link to another web page the following should be added to the Graphic Identity:

<a href="http://www.veren.com/">
<img border="0" src="gobtn.gif"  alt="Go To VEREN"></a>

The <a href="http web address"> and the close </a> generates a Hyper-Link.

Go To VEREN



Images may also be "sized" to fit the page layout.
This is accomplished by typing <IMG SRC= "width= #"> in the tag line.

For example:
<IMG SRC= "IMG SRC="bar1.JPG" width= 60">



<IMG SRC= "IMG SRC="bar1.JPG" width= 120">



<IMG SRC= "IMG SRC="bar1.JPG" width= 180">



Some images, such as this "3demail2.gif" are animated and appear to move.




[Image Alignment]

Images may be placed in the body of a paragraph by inserting the <IMG SRC= "filename.xxx"> command in the text where the image is desired.

Text will not "wrap" around an image. To achieve that effect, the image and text can be be placed in a table.  Or you can place the <IMG SRC= "filename.xxx"> at the beginning of a text line and add the "ALIGN=RIGHT" or "ALIGN=LEFT" line to the image TAG.

Default placement of images is to the left of the page. Images may be placed at the center or right of the page by adding the placement in the command line, for example:

<IMG SRC="gobtn.gif" align=right">

 


<"CENTER"> <IMG SRC="bar1.JPG" width= 180> <"/CENTER">



The default image placement for images placed with text is at the beginning of a paragraph, as shown.

Text can be aligned at the top of an image, by typing:
<IMG SRC= "filename.xxx"> ALIGN= "TOP">

To center the text next to the image, type:
<IMG SRC= "filename.xxx"> ALIGN= "CENTER">


With these basic instructions an attractive personal web page can be created in a day or two, depending on familiarity with the computer and the browser.

Images are found at various sites on the Internet, and most may be copied by clicking the right mouse button and choosing "copy" then selecting the hard drive location for storage.

Please, DO check for "Copyright" and respect link requests from providers so that all may enjoy sharing images, icons and graphics from the Web.
 





 
     
   

  HOME     CONTACT