Webmasters Resources | Building Your Web Site |

"HTML BASICS is The EASIEST to use and understand Web Site building course on the Net!"

Previous Lessons
Lesson #1
HTML Reference and Basic HTML

Lesson #2
Adding Text to your Web Site

Lesson #3
Using Colors in HTML

Lesson #4
Web Site Structure

Lesson #5
"Adding Images to Web Sites"

Lesson #5 HTML Graphics

Adding Images to Web Pages
There are three types of images (graphics) that can be used on the Internet. They are .png, .gif, and .jpg (file extensions). Since images on web pages are not embedded into the page. Images must be in the same folder as your html pages or within a sub folder of your web site (with directions for the browser to locate the image(s) to be displayed).

*Notice each section; html, head, title, and body each have a opening tag <> and a closing tag </>

<html>
<head><title></title>
</head>
<body>
IMAGES GO HERE, BETWEEN OPEN AND CLOSE BODY TAGS
This is the code you would use if the image file you are adding is located in the same folder.
<IMG SRC="imagename.gif"> 
</body>
</html>
 

Remember: Images must be in the same folder as your html pages or within a sub folder of your web site (with directions for the browser to locate the image(s) to be displayed). It is very common for new webmasters to have broken images within thier sites. Easy to fix because the problem is ALWAYS one of two things.
1) The Image is not in the place where the tag says it is
2) The filename is incorrect (YES it is case sensitive)


Webmasters Resources
Previous Lesson #4 < Lesson #5 > Next Lesson #6 Changing Background Color/Image