logo
g Text Version
Beauty & Self
Books & Music
Career
Computers
Education
Family
Food & Wine
Health & Fitness
Hobbies & Crafts
Home & Garden
Money
News & Politics
Relationships
Religion & Spirituality
Sports
Travel & Culture
TV & Movies

dailyclick
Bored? Games!
Nutrition
Postcards
Take a Quiz
Rate My Photo

new
European Travel
Action Movies
Bible Basics
Houseplants
Romance Movies
Creativity
Family Travel


dailyclick
All times in EST

Clairvoyance: 08:00 PM

Full Schedule
g
g HTML Site

BellaOnline's HTML Editor

g

How To Add An Image To Your Webpage

Guest Author - Diane Cipollo

You can add an image anywhere on your webpage with the image tag and control the content next to it with the image tag attributes.

  • Image Tag

    To put an image on your webpage use the code below. Replace the image.gif with the name of the image you wish to use. If the image is in a subfolder put the name of the subfolder before the name of the image and separate them with a /.

    folder/image.gif

    Then replace the 0 with the number of pixels for the width and height of your image. Finally replace the identification with the identifying text for your image.
    <img src="image.gif" width="0" height="0"
    alt="identification">
    Note--The arrow indicates that the code is wrapped to a second line and should really be all on one line.

  • Border Attribute

    To set the width of the border around an image, replace the 0 with the number of pixels you wish the border to be. The zero will cause the border not to show. Then place the code segment inside the <img> image tag.
    border="0"


  • Hspace Attribute

    Use the code below to set a blank/empty space on the side of an image. Replace the 0 with the number of pixels you wish the empty space to have. Then place the code segment inside the image tag.
    hspace="0"


  • Vspace Attribute

    Use the code below to set a blank/empty space on the top and bottom of an image. Replace the 0 with the number of pixels you wish the empty space to have. Then place the code segment inside the <img> image tag.
    vspace="0"


  • Align Attribute

    To control the alignment of the text next to an image replace the location with left, right, top, middle, or bottom. Then place the code segment inside the <img> image tag.
    align="location"



This site needs an editor - click to learn more!

Add How+To+Add+An+Image+To+Your+Webpage to Twitter Add How+To+Add+An+Image+To+Your+Webpage to Facebook Add How+To+Add+An+Image+To+Your+Webpage to MySpace Add How+To+Add+An+Image+To+Your+Webpage to Del.icio.us Digg How+To+Add+An+Image+To+Your+Webpage Add How+To+Add+An+Image+To+Your+Webpage to Yahoo My Web Add How+To+Add+An+Image+To+Your+Webpage to Google Bookmarks Add How+To+Add+An+Image+To+Your+Webpage to Stumbleupon Add How+To+Add+An+Image+To+Your+Webpage to Reddit




RSS | Editor's Picks Articles | Top Ten Articles | Previous Features | Site Map


For FREE email updates, subscribe to the HTML Newsletter


Past Issues


print
Printer Friendly
bookmark
Bookmark
tell friend
Tell a Friend
forum
Forum
email
Email Editor


Content copyright © 2014 by Diane Cipollo. All rights reserved.
This content was written by Diane Cipollo. If you wish to use this content in any manner, you need written permission. Contact BellaOnline Administration for details.

g


g features
What's Coming in HTML 5

What is FTP?

HTML Fundamentals - Tables

Archives | Site Map

forum
Forum
email
Contact

Past Issues
memberscenter


vote
Poetry
Daily
Weekly
Monthly
Less than Monthly



BellaOnline on Facebook
g


| About BellaOnline | Privacy Policy | Advertising | Become an Editor |
Website copyright © 2014 Minerva WebWorks LLC. All rights reserved.


BellaOnline Editor