iLTC Home
Bookmark iLTC!

Categories

Perl
  • Perl Tutorials Beginners

    • Javascript
  • Javascript Tutorials
  • Javascript Tutorials Beginners

    • HTML
  • HTML Tutorials

    • Command Line
  • Command Line Tutorials

    • How Tos
  • Other Tips and Tricks



    		•

    #!/usr/bin/perl
    1716019

    		iLoveTheCode.com

    HTML Background

    The HTML background tag can be used in a variety of places.

    <body background=/images/logo.jpg>
    <table background=/images/logo.jpg><tr>
    <td background=/images/logo.jpg>


    -The first tag <body> will make your entire page have the background image specified.
    -The second tag, the HTML tables tag, will make your entire table have the background image specified.
    -The third tag <td> will make your entire table cell have the background image specified.

    NOTE: The HTML background tag inside the table row <tr> doesn't work on Windows IE6.

    The path to your image can be relative or a full url.

    Relative URLs:
    -Remember the forward slash / will start the relative path in your serving directory.
    -No forward slash means start in the directory the html page is in.
    -dot dot slash ../ means goes up one directory.

    Full URL:
    -http://ilovethecode.com/images/iltc.gif is an example of a full url.


    Just for fun:

    To make your background image fixed or to stop it from repeating, write in a style tag with these properties:

    <body background=/images/logo.jpg style="background-attachment:fixed; background-repeat:no-repeat;">



    Resources:
    W3C's Official background documentation
    The Classic BareBones Guide to HTML
    HTML Tables
    Make Italic Text Using HTML
    Make Text Bold Using HTML
    Make Strikethrough Text Using HTML
    Make a Line Return Using HTML
    Make a New Paragraph Using HTML
    HTML Codes





    Previous Article: HTML Tables
    Next Article: HTML Tags


    Search iLTC w/ Google




    Recent Articles

  • HTML Font Code
  • Javascript and CSS - Easy Pop Up Help Balloons
  • Use OnMouseOver in Javascript
  • Use onMouseOut in Javascript
  • Use innerHTML to Change Text on a Page
  • Renaming a File with Perl's RENAME Function
  • PRINT to Browser with document.write Command in Javascript
  • Passing an Argument or Variable to a Javascript
  • Opening an Alert Box in Javascript
  • Opening a REMOTE WINDOW in Javascript
  • OPEN and WRITE a Data File in Perl
  • OPEN and READ a Data File in Perl
  • Mimic Typing from a Textfield in a Textarea with Javascript
  • Javascript Reset Form








    • Perl Programming - Javascript Programming - HTML Code - Mac Unix Command Line - Maybe Some PHP - Free Scripts - ILoveTheCode
    All Content © 2006-2009 iLoveTheCode.com

    Contact Chris | About this Site


    1715745
    Counter by iLoveTheCode.com


    Last Modified: Saturday, 10-Jan-2009 05:40:24 EST



    Hosted as well :)
    Home-brewed logo - 1997