Html Tricks

PicoSearch

Help

Site Search by PicoSearch


Changing Table Background Colors on Mouseover

Embedding Web Pages within Web Pages

Create a Gradient Background Effect

Auto Fill Email Subject and Body

Open A New Window on Page Unload

Spacing Between Images

Protect Your Email Address From Spam Robots

Open A Web Page In A New Window

Redirect Visitors To Another Page

Colored Text Boxes

Using An Image "submit" button

Customizing Horizontal Rules - Line Dividers

Creating an HTML Vertical Rule - Line Divider

Adding Color To Your Table Background

Adding An Image Background To Your Tables

Adding Color To Your Table Borders

Using Style Tags For Mouse Over Link Effects

How to Make Your Background Image Stationary Replacing Your Standard Bullets With Graphic Bullets

Creating a Placeholder for an Empty Table Cell

Displaying Text With An Image

Creating an Email Form

Removing Link Underline

Changing Link Colors

Linking To a Specific Location on a Page

Escape From Frame Link

Resizing Your Images

Changing Web Page Margins

Mouseover Text Description

Status Bar Link Description

Auto Fill Email Subject

Highlighting FFA Links

Ad Tracking With a Link

Preventing Browser Cache

Preventing Search Engine Indexing

 


HTML Tag Chart

Tag

Name

Code Example

Browser View

Nothing will show

anchor

Visit Our Site

Visit Our Site

bold

Example

Example

big (text)

Example

Example

body of document

The content of your page

Contents of your webpage


line break

The contents of your page
The contents of your page

The contents of your page
The contents of your page

 

center

This will center your contents

This will center your contents

definition description


Definition Term
Definition of the term
Definition Term
Definition of the term

 

Definition Term

Definition of the term

Definition Term

Definition of the term

 

definition list


Definition Term
Definition of the term
Definition Term
Definition of the term

 

Definition Term

Definition of the term

Definition Term

Definition of the term

definition term


Definition Term
Definition of the term
Definition Term
Definition of the term

 

Definition Term

Definition of the term

Definition Term

Definition of the term

emphasis

This is an Example of using the emphasis tag

This is an Example of using the emphasis tag


embed object


embed object


<bgsound src="yourfile.mid" loop="1">



Music will begin playing when your page is loaded and will only play one time. A control panel will be displayed to enable your visitors to stop the music.

font

Example

Example (Tip)

font

Example

Example (Tip)

font

Example

Example

 

form


Name:

Email:


Name:
Email:

 

heading 1

Heading 1 Example

Heading 1 Example

 

heading 2

Heading 2 Example

Heading 2 Example

 

heading 3

Heading 3 Example

Heading 3 Example

 

heading 4

Heading 4 Example

Heading 4 Example

 

heading 5

Heading 5 Example

Heading 5 Example

 

heading 6

Heading 6 Example

Heading 6 Example

heading of document

Contains elements describing the document

Nothing will show


horizontal rule



Contents of your webpage (Tip)


Contents of your webpage


horizontal rule


Contents of your webpage


Contents of your webpage


horizontal rule


Contents of your webpage


Contents of your webpage



(Internet
Explorer)

horizontal rule


#FF0000" SIZE="4">

 

Contents of your webpage


Contents of your webpage



(Internet
Explorer)

horizontal rule


#6699FF" SIZE="6">

 

Contents of your webpage


Contents of your webpage

hypertext markup language

Webpage contents

Contents of your webpage

italic

Example

Example

image

a sentence about your site

input field

Example 1:




Example 1: (Tip)


(Internet Explorer)

input field

Example 2:




Example 2: (Tip)

input field

Example 4:


Enter Your Comments:





Example 4: (Tip)


input field

Example 5:



Select an option:



Example 5: (Tip)

Select an option:

input field

Example 6:


Select an option:

Option 1
Option 2
Option 3




Select an option:

Selection 1
Selection 2
Selection 3

Example 6: (Tip)

Select an option:
Option 1
Option 2
Option 3

Select an option:
Selection 1
Selection 2
Selection 3

  •  
  • list item

    Example 1:


  • List item 1
  • List item 2
  • List item 3


  • Example 2:


    1. List item 1
    2. List item 2
    3. List item 3
    4. List item 4

     

    Example 1: (Tip)

    • List item 1

    • List item 2

    • List item 3


    Example 2:

    1. List item 1

    2. List item 2

    3. List item 3

    4. List item 4

    link

    Visit our site

    Visit our site


    (Internet
    Explorer)

     

    scrolling text

    #CCCCCC" loop="-1" scrollamount="2" width="100%">Example Marquee

     

    Example Marquee

    (Tip)

     

    menu


  • List item 1
  • List item 2
  • List item 3
  •  

    • List item 1

    • List item 2

    • List item 3

    meta


    Nothing will show

    meta

    Nothing will show

    meta

    Nothing will show (Tip)

    meta

    Nothing will show (Tip)

    meta

    Nothing will show (Tip)

    meta

    Nothing will show (Tip)

       

    ordered list

    Example 1:


    1. List item 1
    2. List item 2
    3. List item 3
    4. List item 4


    Example 2:

     


    1. List item 1
    2. List item 2
    3. List item 3
    4. List item 4

     

    Example 1:

    1. List item 1

    2. List item 2

    3. List item 3

    4. List item 4

    Example 2:

    1. List item 1

    2. List item 2

    3. List item 3

    4. List item 4

    listbox option



    Select an option:



    Select an option: (Tip)

     

    paragraph

    This is an example displaying the use of the paragraph tag.

    This will create a line break and a space between lines.

    Attributes:

    Example 1:




    This is an example

    displaying the use

    of the paragraph tag.



    Example 2:




    This is an example

    displaying the use

    of the paragraph tag.



    Example 3:




    This is an example

    displaying the use

    of the paragraph tag.

    This is an example displaying the use of the paragraph tag.

    This will create a line break and a space between lines.

    Attributes:

    Example 1:

    This is an example
    displaying the use
    of the paragraph tag.

    Example 2:

    This is an example
    displaying the use
    of the paragraph tag.

    Example 3:

    This is an example
    displaying the use
    of the paragraph tag.

    small (text)

    Example

    Example

    strong emphasis

    Example

    Example

    table

    Example 1:






    Column 1 Column 2


    Example 2: (Internet Explorer)

    #336699" CELLPADDING="2" CELLSPACING="2" WIDTH="100%">




    Column 1 Column 2


    Example 3:










    #CCCCCC">Column 1 #CCCCCC">Column 2
    Row 2 Row 2

    Example 1:

    Column 1

    Column 2


    Example 2:

    Column 1

    Column 2


    Example 3:

    Todays Poll!
     
    Username:
    Password:
    About Me!
     
    I m an Electronics and Communication engineering student
    from DBEC.. Chandigarh

    Hometown: Srinagar
    State: J&k
    Country: India
    Phone # 00919876777985
    E-mail:owaissrf@yahoo.co.in

    Quote of the Day
     
    Before God we are all equally wise - and equally foolish.
    Albert Einstein
     
    Today, there have been 6 visitors (11 hits) on this page!
    This website was created for free with Own-Free-Website.com. Would you also like to have your own website?
    Sign up for free