Home arrow HTML arrow Page 5 - HTML Tutorial

HTML Tutorial

This article is the September contest winner. The author provides a basic tutorial of HTML, with code samples illustrating headings, lists, background colors, using the Frame tag and more.

Author Info:
By: Anand Narayanaswamy
Rating: 4 stars4 stars4 stars4 stars4 stars / 77
October 11, 2004
  1. · HTML Tutorial
  2. · Paragraph Tags, Attributes and Headings
  3. · Using Lists
  4. · Indents and Links
  5. · Working with Images
  6. · Working with Tables
  7. · Working with Frames
  8. · Using Forms, Text, Buttons, and Combo Box
  9. · Text Area, Check Box, and Radio Buttons
  10. · Additional Tags
  11. · Drawing Lines, SUB and SUP Tags
  12. · Test Yourself Questions

print this article

HTML Tutorial - Working with Images
(Page 5 of 12 )

It’s very easy to place images on a web page. Images can be of extensions .bmp, .gif, and .jpeg. However, gif and jpeg files are commonly used. They are applied using the <IMG> tag. An attribute called SRC is used to specify the path of the Image. The following code displays an image named ballon.gif on a web page.

Listing 11

    <IMG src = "ballon.gif">

You can also specify attributes like Width and Height if required. ALT attribute will enable you to add a popup text when you move the mouse over the Image as shown in the listing below:

Listing 12

    <IMG src = "ballon.gif" alt = “This is ballon.gif”>

Filling Background with Colors and Images

You can make the background of your web page to a specified color by using bgcolor attribute in the <body> tag. Following code will change the background of your page to red:

Listing 13

    <BODY bgcolor = "red">

Similarly, if you require an Image to occupy the background of your web page, background attribute is used with the <body> tag as shown below:

Listing 14

   <BODY background = "ballon.gif">

blog comments powered by Disqus

- Does HTML5 Need a Main Element?
- Revisiting the HTML5 vs. Native Debate
- HTML5: Not for Phone Apps?
- HTML5 or Native?
- Job Hunting? Freelancer.com Lists This Quart...
- HTML5 in the News
- Report: HTML5 Mobile Performance Lags
- The Top HTML5 Audio Players
- Top HTML5 Video Tutorials
- HTML5: Reasons to Learn and Use It
- More of the Top Tutorials for HTML5 Forms
- MobileAppWizard Releases HTML5 App Builder
- HTML5 Boilerplate: Working with jQuery and M...
- HTML5 Boilerplate Introduction
- New API Platform for HTML5

Watch our Tech Videos 
Dev Articles Forums 
 RSS  Articles
 RSS  Forums
 RSS  All Feeds
Write For Us 
Weekly Newsletter
Developer Updates  
Free Website Content 
Contact Us 
Site Map 
Privacy Policy 

Developer Shed Affiliates


© 2003-2018 by Developer Shed. All rights reserved. DS Cluster - Follow our Sitemap
Popular Web Development Topics
All Web Development Tutorials