How to Create an HTML Script for a Banner
A banner is a graphic that can be displayed on a website, forum or social networking site such as MySpace. Generally, a banner is used at the top of a website to announce the name or topic of the website and introduce the visitors to the page as a whole. Banners can also be personalized images that are placed as a decoration in the signature of a forum post. To display your banner with HTML code, you must first upload the banner file to a host on the Internet and then place the image source HTML script on the site or forum.
Instructions
-
-
1
Upload your banner graphic to your Web host or a free image-hosting service such as Photobucket, ImageShack or Imagecross.
-
2
Save the banner's URL once it has been uploaded. You will need this to configure the HTML script.
-
-
3
Copy the following sample HTML script:
<img src="http://www.webhost.com/banner.jpg" alt="Banner Description" />
-
4
Paste the HTML script into your website's HTML code, forum signature or social networking Web page in the location where you want your banner to display.
-
5
Change the "http://www.webhost.com/banner.jpg" to your banner's URL. Make sure you keep the quotes around the URL.
-
6
Change the "Banner Description" to create a short description of your banner, such as your website's name. Make sure you keep the quotes around the description.
-
7
Save and view the changes to your Web page or forum signature. If you have placed the correct image URL in the HTML script, you should now see your banner image.
-
1
Tips & Warnings
If you want to center your banner image, you can place a <center> tag before your image code and </center> tag after your image code.
References
- Photo Credit banner in red and black image by dip from Fotolia.com