Use of tables on the Web

Use of tables on the Web

1. Complete the table

<Table border rules = Cols cellspacing = 0 align = left> horizontal separation lines can be hidden.
<Table border rules = rows cellspacing = 0 align = right> vertical separation lines can be hidden.
<Table border rules = none cellspacing = 0 align = center> horizontal and vertical separation lines can be hidden.

2. The border of the table keeps flashing.

The following method can make the border of the table continue to flash, very practical
Add
<Table border = "0" width = "280" id = "myexample"
Style = "border: 5px solid yellow">
<Tr>
<TD> Add any object. Add any object.
<Br> Add any object. Add any object.
<Br> Add any object. Add any object. </TD>
</Tr>
</Table>

<Script language = "javascript1.2">

<! --

Function FLA <B> shoot </B> (){

If (! Document. All)

Return

If (myexample. style. bordercolor = "yellow"

Myexample. style. bordercolor = "Lime"

Else

Myexample. style. bordercolor = "yellow"

}

Setinterval ("FLA <B> shoot </B> ()", 500)

// -->

</SCRIPT>

3. Download table branches

This is very useful for table content.
Add <tbody>

For example:
<Table>
<Tbody>
<Tr>
<TD> flsdjfsdjfkdsjf </TD>
</Tr>
<Tr>
<TD> skdjfsdjfksd </TD>
</Tr>
</Tbody>

<Tbody>
<Tr>
<TD> flsdjfsdjfkdsjf </TD>
</Tr>
<Tr>
<TD> skdjfsdjfksd </TD>
</Tr>
</Tbody>
</Table>

 

4. Several tables with different styles

<Table border = "1" width = "220" style = "position: absolute; left:
11; top: 11 "Height =" 26 ">

<Tr>

<TD width = "100%"> normal table </TD>

</Tr>

</Table>

5. cube table

<Table border = "1" width = "220" bordercolorlight = "# eeeeee"
Bordercolordark = "#000000" style = "position: absolute; left: 10; top:
49 "Height =" 26 ">

<Tr>

<TD width = "100%"> positive cube table </TD>

</Tr>

</Table>

6. Detailed Table

<Table border = "0" frame = vsides width = "219"
Bgcolor = "#000000" cellspacing = "1" cellpadding = "0"
Height = "22" style = "position: absolute; left: 11; top: 86">

<Tr bgcolor = "# ffffff">

<TD width = "100%" Height = "2"> small table </TD>

</Tr>

</Table>

7. three-dimensional table

<Table border = "1" width = "220" bordercolorlight = "# ffffff"
Bordercolordark = "# ffffff" style = "position: absolute; left: 10; top:
112 "Height =" 34 ">

<Tr>

<TD width = "100%" bgcolor = "# b7b7b7"
Bordercolorlight = "#000000" bordercolordark = "# eeeeee"> three-dimensional table </TD>

</Tr>

</Table>

8. Unknown table

<Table width = "220" align = "center" style = "position: absolute;
Left: 246; top: 12 "Height =" 51 ">

<Tr>

<TD> <fieldset style = "width: 220" align = "center">
<Legend> anonymous table </legend> <p align = "right"> </fieldset>
<Br>

</TD>

</Tr>

</Table>

9. Table effect II

<Table width = "220" align = "center" style = "position:
Absolute; left: 245; top: 89 "Height =" 110 ">
<Tr>
<TD Height = "75"> <fieldset style = "width: 220"
Align = "center"> <legend> table effect ⅱ </legend> <Table
Frame = "hsides" border = "1"
Bordercolorlight = "#000000" bordercolordark = "# ffffff"
Width = "100%" cellspacing = "1" cellpadding = "0" Height = "78">
<Tr bgcolor = "# ffffff">
<TD width = "100%" Height = "76"> </fieldset> </TD>
</Tr>
</Table>

10. Table effect I

<Table width = "220" align = "center" style = "position: absolute;
Left: 10; top: 120 "Height =" 138 "cellspacing =" 1"
Cellpadding = "0">

<Tr>

<TD Height = "126"> <fieldset style = "width: 220; color: # b7b7b7;
Border-style: groove "align =" center "> <legend style =" color:
# Ffffff; Border: 1 solid #808080 "> <font color =" #000000 "> table effect I </font>
</Legend> <p align = "right"> </fieldset>

</TD>

</Tr>

</Table>

11. Display borders in the table
Show only the upper border <Table Frame = above>
Show only the lower border <Table Frame = below>
Show only the left and right borders <Table Frame = vsides>
Show only top and bottom borders <Table Frame = hsides>
Show only the left border <Table Frame = LHS>
Show only the right border <Table Frame = RHS>
No border is displayed <Table Frame = void>