E-mail
Imsg
Discussion
 

Blogging

Area for Parents  Instructors Area

I M A G E S
 static html - LESSON 1

Basic HTML
Overview
Introduction
Getting Started
Html Tags
Elements
HTML Attributes
HTML Layout
Assignment
Images
Font Tags
Links
Tables
Summary
Assignment


Extras
HTML Examples
HTML Quiz
HTML Exam

HTML Tag List

 Using the image puzzle  image tag

Adding Page Flair

Use an image to add flair to your web page. The images may be created using image specific software, download images from free image sites or purchased images. Once aquired, you should save all imagest to a designated folder on your hard drive were your can gain access to them using your src attribute.

Notice the image of the puzzle pieces displayed on the right, it add life to this page. Now, lets direct our attention on how this is done using the image element and src attributes.

Constructing Image Elements:

Inorder to construct and image element, you must use the <img>tag with the src attribute to locate the image (e.g.<image src="location of image file">).The value of the src attribute is the location of the image (URL) . The <img> tag is refered to as an empty elment, which means that it contains attributes only and it has no closing tag.

Let's see how this is done, place your mouse over the Tags, Attributes, or Elment above to view the syntax.

Tags

Attributes

Element

Image