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
------------------------------------------------------------------------------------------------------------------------------------------
Top Related