Related Reading Adding Alternative Text To Your Images Inserting Images Into Your Web Pages The PNG Format Sizing Images & Adding Image Borders GIF vs JPEG

In this lesson, we’re going to cover how to insert images into your HTML documents, how to add alternative text (the text which appears when you hover your mouse over an image) to images, how to set the size and borders of images, what the difference between GIF and JPEG image formats are, and finally, how to use spacer images to assist you in your designs.

Images are generally used to set the mood of the web page, except for the ones reserved for the actual content (i.e. charts, albums, etc.). Note that mood-setting images are required to be used with care. If you pick the wrong images when designing a website, you can ruin the looks and feel of otherwise a great-looking website so bad that your visitors will flee in terror. Hopefully, your free online web design course will protect you from this demise

Below Are The Subsections Of Lesson 1-07:

• Web Design Lesson 1-07-01
Inserting images into your web pages
• Web Design Lesson 1-07-02
Adding alternative text to your images
• Web Design Lesson 1-07-03
Sizing images & adding image borders
• Web Design Lesson 1-07-04
GIF vs JPEG
• Web Design Lesson 1-07-05
The PNG format
• Web Design Lesson 1-07-06
Using spacer images

If you enjoyed this lesson, please link to it

The first subsection of Online Web Design Course Lesson 1-07 covers how to insert images into your HTML documents. Let’s head there.

Series Navigation

Inserting Images Into Your Web Pages»