HTML table layout, making beautiful tables

Recent projects to write their own table layout, so give the big guy a look. long time no HTML code, are very unfamiliar, to practice more. This is copied from the Internet.

We do a simple site layout, the code is as Follows:

<TableAlign= "center"width= "$"Height= "the "Border=1bordercolor= "#00ff99"><tbody><TR><TDcolspan= "3"Align= "center">Site name</TD></TR><TR><TDwidth= "30%"Height= "+">Site Title</TD><TDcolspan= "2"Align= "right">Search box</TD></TR><TR><TDwidth= "30%">Left</TD> <TDwidth= "40%">Middle</TD> <TD>Right</TD></TR><TR><TDcolspan= "3"Align= "center">Site Bottom Information</TD></TR></tbody></Table>

Site name
Site Title	Search box
Left	Middle	Right
Site Bottom Information

This is a whole table, the first row and the fourth row span three columns respectively, here with colspan= "3" to limit, and the second row of "search box" occupies two columns of position, with colspan= "2" control; align= " Center " is the alignment limit for text in the table, center represents the middle, right is on the left, and the other side is On.

HTML table layout, making beautiful tables