HTML Home
HTML Tags Reference
Selected Reading
© 2011 TutorialsPoint.COM
|
HTML <layer> tag
Function:
The HTML <layer> tag is used to position and animate (through scripting) elements in a page. A layer can be thought of as a separate document that resides on top of the main one, all existing within one window.
This tag has support in Netscape 4 and higher versions of it.
Difference between HTML and XHTML:
NONE
Example:
This example creates three overlapping layers. The back one is red, the middle one is blue, and the front one is green.
<layer id="layer1" top="250" left="50" width="200"
height="200" bgcolor="red">
<p>layer 1</p>
</layer>
<layer id="layer2" top="350" left="150" width="200"
height="200" bgcolor="blue">
<p>layer 2</p>
</layer>
<layer id="layer3" top="450" left="250" width="200"
height="200" bgcolor="green">
<p>layer 3</p>
</layer>
|
This will produce following result:
Online Practice:
To Become more comfortable - Do Online Practice
Attributes:
Attribute | Value | Description |
above | layer name | The name of the inline layer that will be positioned directly above the current layer in the z-order. |
background | URL | A filename or URL for an image upon which the inline layer's text and images will appear. |
below | layer name | The name of the inline layer that will be positioned directly below the current layer in the z-order. |
bgcolor | rgb(x,x,x) #xxxxxx colorname | The color to use for the inline layer background. |
clip | number | The coordinates of the inline layer's viewable area. |
height | pixels | The inline layer's height, in pixels. |
left | number | The position of the left side of the inline layer. If the current inline layer is part of another layer.called the parent layer-then the position is relative to the parent layer. |
name | layer name | The name of the inline layer. |
pagex | number | The position of the left side of the inline layer relative to the browser window. |
pagey | number | The position of the top of the inline layer relative to the browser window. |
src | URL | The URL of a page that will appear inside the inline layer. |
top | number | The position of the top of the inline layer. If the current inline layer is part of another layer--called the parent layer--then the position is relative to the parent layer. |
visibility | show hide inherit | Determines whether the inline layer is visible. |
width | pixels | The inline layer's width, in pixels. |
z-index | number | The inline layer's position within the z-order. Inline layers with higher Z-INDEX values are positioned above inline layers with lower Z-INDEX values. |
Standard Attributes:
Attribute | Description |
class | Document wide identifier |
id | Document wide identifier |
style | Helps to include inline casecadubf style sheet. |
|
|
|