Home arrow HTML arrow Page 5 - HTML Tutorial
HTML

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: 3 stars3 stars3 stars3 stars3 stars / 73
October 11, 2004
TABLE OF CONTENTS:
  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
SEARCH DEVARTICLES

TOOLS YOU CAN USE

advertisement
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
HTML ARTICLES

- HTML5 Boilerplate: Working with jQuery and M...
- HTML5 Boilerplate Introduction
- New API Platform for HTML5
- BBC Adopts HTML 5, Mozilla Addresses Issues
- Advanced Sticky Footers in HTML and CSS
- HTML and CSS Sticky Footers
- Strategy Analytics Predicts HTML5 Phones to ...
- HTML5 Guidelines for Web Developers
- Learning HTML5 Game Programming
- More Engaging CSS3 and HTML Background Effec...
- Engaging HTML and CSS3 Background Effects
- More Web Columns with CSS3 and HTML
- Columns with CSS3 and HTML
- Creating Inline-Block HTML Elements with CSS
- Drag and Drop in HTML5: Parsing Local Files

Dev Articles Forums 
 RSS  Articles
 RSS  Forums
 RSS  All Feeds
Weekly Newsletter
 
Developer Updates  
Free Website Content 
Contact Us 
Site Map 
Privacy Policy 
Support 



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