HOME ServicesI FAQ Company Info Client Care Policy
  Date  
155062-04-12 00:00:00

  HTML Tutorial  
 HEAD Elements
 Comments
 Headings
 Fonts
 Lists
 Text Flow
 Tables
 Horizontal Rules
 Form Elements
 Colors
 Images
 Character Entities
 CCS Scrollbar Colors

  Company Info  
  General Information
  Contact Us
  FAQ
  Policy
  HTML Tutorial
  cPanel Language File


  Contacts  
Sales Tel.:
+39 071 2917323
Support Tel.:
+39 071 2864306
Fax:
+39 071 2901232
E-mail Sales:

E-mail Support:

E-mail DNS:

  Payments  


11. Images

    11.1 Vertical Image Alignment

     
    <IMG SRC="smiley.gif"> This is some text with no long words: is is is is is is is is is is is is is is is is is is is is is is is is is is is is is is is is is.
    <IMG SRC="smiley.gif" ALIGN=bottom>
    Aligns bottom of image with baseline of line    		 This is some text with no long words: is is is is is is is is is is is is is is is is is is is is is is is is is is is is is is is is is.
    <IMG SRC="smiley.gif" ALIGN=baseline>
    Aligns bottom of image with baseline of line (same as ALIGN=bottom)     		This is some text with no long words: is is is is is is is is is is is is is is is is is is is is is is is is is is is is is is is is is.
    <IMG SRC="smiley.gif" ALIGN=absbottom>
    Aligns bottom of image with lowest item on line     		This is some text with no long words: is is is is is is is is is is is is is is is is is is is is is is is is is is is is is is is is is.
    <IMG SRC="smiley.gif" ALIGN=middle>
    Aligns middle of image with baseline of text     		This is some text with no long words: is is is is is is is is is is is is is is is is is is is is is is is is is is is is is is is is is.
    <IMG SRC="smiley.gif" ALIGN=absmiddle>
    Aligns middle of image with middle of text     		This is some text with no long words: is is is is is is is is is is is is is is is is is is is is is is is is is is is is is is is is is.
    <IMG SRC="smiley.gif" ALIGN=top>
    Aligns top of image with tallest item on line     		This is some text with no long words: is is is is is is is is is is is is is is is is is is is is is is is is is is is is is is is is is.
    <IMG SRC="smiley.gif" ALIGN=texttop>
    Aligns top of image with tallest text on line     		This is some text with no long words: is is is is is is is is is is is is is is is is is is is is is is is is is is is is is is is is is.

 

    11.2 Horizontal Image Alignment
    <IMG SRC="logo_small.gif" ALIGN=right> This is some text with no long words: is is is is is is is is is is is is is is is is is is is is is is is is is is is is is is is is is is is is is is is is is is is is is is is is is is is is is is is is is is is is is is is is is is is is is is is is is is is is is is is is is is is is is is is is is is is is is is is is is is is is is is is is is is is is is is is is is is is is is is is is is is is is is is is is is is is is is is is is is is is is is is is is is is is is.
    <IMG SRC="logo_small.gif" ALIGN=left> This is some text with no long words: is is is is is is is is is is is is is is is is is is is is is is is is is is is is is is is is is is is is is is is is is is is is is is is is is is is is is is is is is is is is is is is is is is is is is is is is is is is is is is is is is is is is is is is is is is is is is is is is is is is is is is is is is is is is is is is is is is is is is is is is is is is is is is is is is is is is is is is is is is is is is is is is is is is is.
    <IMG SRC="logo_small.gif" ALIGN=left>
    and
    <IMG SRC="logo_small.gif" ALIGN=right>    		 This is some text with no long words: is is is is is is is is is is is is is is is is is is is is is is is is is is is is is is is is is is is is is is is is is is is is is is is is is is is is is is is is is is is is is is is is is is is is is is is is is is is is is is is is is is is is is is is is is is is is is is is is is is is is is is is is is is is is is is is is is is is is is is is is is is is is is is is is is is is is is is is is is is is is is is is is is is is is.

 

    11.3 Image Space & Border
    <IMG SRC="logo_small.gif" ALIGN=left BORDER=1> This is some text with no long words: is is is is is is is is is is is is is is is is is is is is is is is is is is is is is is is is is is is is is is is is is is is is is is is is is is is is is is is is is is is is is is is is is is is is is is is is is is is is is is is is is is is is is is is is is is is is is is is is is is is is is is is is is is is is is is is is is is is is is is is is is is is is is is is is is is is is is is is is is is is is is is is is is is is is.
    <IMG SRC="logo_small.gif" ALIGN=left VSPACE=16 HSPACE=32 BORDER=4> This is some text with no long words: is is is is is is is is is is is is is is is is is is is is is is is is is is is is is is is is is is is is is is is is is is is is is is is is is is is is is is is is is is is is is is is is is is is is is is is is is is is is is is is is is is is is is is is is is is is is is is is is is is is is is is is is is is is is is is is is is is is is is is is is is is is is is is is is is is is is is is is is is is is is is is is is is is is is.

 

    11.4 Image Alternate Text
    <IMG SRC="logo_small.gif"> This is some text.
    <IMG SRC="logo_small.gif" ALT="Ooops"> OooopsThis is some text.

 

    11.5 Image Size & Scale
    <IMG SRC="logo_small.gif">
    Image size unknown until browser retrieves file
    <IMG SRC="logo_small.gif" WIDTH=40 HEIGHT=40>
    Browser can allocate space before file is retrieved
    <IMG SRC="logo_small.gif"WIDTH=80 HEIGHT=80>
    Browser scales image to specified size
    <IMG SRC="logo_small.gif" WIDTH=20 HEIGHT=20>
    Browser scales image to specified size
    <IMG SRC="logo_small.gif"WIDTH=20 HEIGHT=80>
    Browser scales image to specified size

 

    11.6 Internal Images

    Netscape 1.22 and more support these internal images:

    <IMG SRC="internal-gopher-binary"> page with 0's and 1's
    <IMG SRC="internal-gopher-index"> binoculars
    <IMG SRC="internal-gopher-image"> page with symbols
    <IMG SRC="internal-gopher-menu"> file folder
    <IMG SRC="internal-gopher-movie"> strip of film
    <IMG SRC="internal-gopher-sound"> page with speaker
    <IMG SRC="internal-gopher-text"> page with text
    <IMG SRC="internal-gopher-telnet"> PC icon
    <IMG SRC="internal-gopher-unknown"> blank page

 

    11.7 Client-Side Image Maps

    (0,0)Image

    Pass your mouse over the picture and keep an eye on your browser's status line.

    If your browser supports client-side image maps, you should see a reference to GOTOTOP while over the top half of the picture, and GOTOBOTTOM while over the bottom half. (These links are not active, so if you actually click on the picture, you'll get an error message saying that the link cannot be found.)

    If your browser does not support client-side image maps, if you click on the picture, nothing will happen.

    The HTML code for this is:

    <MAP NAME="Map">
    <AREA shape="circle" coords="x,y,rayon" href="lien1.html">
    <AREA shape="polygon" coords="x1,y1,x2,y2,etc..." href="lien2.html">
    <AREA shape="rect" coords="x1,y1,x2,y2" href="lien3.html">
</MAP>
<IMG USEMAP="#Map" SRC="map.gif" border=0>

 

    11.8 Background Image

    A background image may be specified as an option in the <BODY> tag, as follows:

    <BODY BACKGROUND="path/filename.gif">
  Sponsor  

  Powered by  
Frontpage, PHP, mod_ssl, mod_gzip, RedHat, MySQL

  Partners  

Melbourne IT partner

Thawte Official ISP Partner
Home | Services | Reseller Program | FAQ | Company Info | Support | Policy TOS AUP | Site Map | HTML Tutorials
Copyright ©1999,2003 REM Graphics S.r.l.. All Rights Reserved - Web Hosting Provider - Web Reseller program - Ancona - Marche