Home ||| Extras ||| HTML ||| Images


HTML Web Images

These images have had their width and height attribute values added to speed rendering of the page.


Sections by page titles:  
  1. Image Types
  2. Elements and Text Attributes
  3. Visual Attributes
  4. Alignments and Backgrounds

1: Image Types


GIF (Graphics Interchange Format)

sample of gif treatments

JPEG (Joint Photographic Experts Group)

sample of jpg treatments
 
  1. Image Types
  2. Elements and Text Attributes
  3. Visual Attributes
  4. Alignments and Backgrounds

2: Elements and Text Attributes


Alternative Text

Next Next?

Spacer with Empty Alt


Ornament with Empty Alt


Long Descriptions

my new computer

Title Text

up
 
  1. Image Types
  2. Elements and Text Attributes
  3. Visual Attributes
  4. Alignments and Backgrounds

3: Visual Attributes


Pixel Sizes

up

Scaling Up

up

Scaling Down

up

Stretching

Hi! this is a narrow, 10-pixel table held open by a wide, thin, shim image.


Border

up

No Border on Link

up up

(Notice that these three images are all on one line.)


Spaces

up

Aligned left with 10 pixel space on each edge



Percentage Scaling (Sidebar)

next
 
  1. Image Types
  2. Elements and Text Attributes
  3. Visual Attributes
  4. Alignments and Backgrounds

4: Alignments and Backgrounds


Left

up

This text will be on the right side of the image, and will flow under the image when the next line makes it possible.

The break tag : <br clear="all"> is used to get everything flowing vertically again.



Right

up

This text will be on the left side of the image, and will flow under the image when the next line makes it possible.

The break tag : <br clear="all"> is used to get everything flowing vertically again.



Center (division)

up

Table with Image and Caption

up

Caption text here


Table Background (Sidebar)

Nested Tables

Content Content

Page Background Image

A page with a background image


  1. Image Types
  2. Elements and Text Attributes
  3. Visual Attributes
  4. Alignments and Backgrounds