8/9/2019 HTML-css Tags

1/4

Create a Gradient Background Effect

You can use the style tag to create a gradient background effect within your webpage. This effect can be used for your entire web page background, or within your table cells.

To use the gradient effect as your web page background, use the following BODY

tag:

To use the gradient effect within your tables, place the following code within your table

tag:style="filter:progid:DXImageTransform.Microsoft.Gradient(endColorstr='#C0CFE2',startColorstr='#FFFFFF', gradientType='0');"

Although you can edit the gradient colors indicated in red, keep in mind, in order for the effect to display properly, you must use a light color and a darker color.

----------------------------------------------------------------------

--------------------------------------------------------------------

Open a new window on page unload

You can open a new window upon existing your web page by placing the following code within your BODY tag:

------------------------------------------------------------------------------------------------------------------------------------------

Colored Text Boxes(Internet Explorer)

------------------------------------------------------------------------------------------------------------------------------------------

8/9/2019 HTML-css Tags

2/4

Preventing Search Engine Indexing

To prevent a Search Engine from indexing a page, place the code below between the and tags.

This tag tells the robots not to index this page and not to follow any links within the page.

This tag tells the robots not to index this page, but follow any links within the page.

------------------------------------------------------------------------------------------------------------------------------------------

How To Make Your Background Image Stationary

Stationary background images remain in one place even when scrolling through thepage. Only the text will move. To create this effect, place the code below within your tag.

------------------------------------------------------------------------------------------------------------------------------------------

Creating A Placeholder For An Empty Table Cell

Without using a placeholder within your blank table cells, your table will looklike this

Your Text Your TextYour Text

By simply adding the character code within your HTML, your table cell will be visible

Your Text Your Text

8/9/2019 HTML-css Tags

3/4

Your Text

Your Text

Your TextYour Text

----------------------------------------------------------------------

--------------------------------------------------------------------

Adding An Image Background To Your Tables

The table below contains 2 columns and 1 row. The left column contains the image. The original image appears below with a border to enable you to see the actualsize.

------------------------------------------------------------------------------------------------------------------------------------------

Replacing Your Standard Bullets With Graphic Bullets

You can use graphic bullets to replace the standard text bullets by using the "Definition List" tag.

List Item oneList Item twoList Item threeList Item four

List Item oneList Item twoList Item three

8/9/2019 HTML-css Tags

4/4

List Item four

------------------------------------------------------------------------------------------------------------------------------------------