HTML table tags and attributes

Source: Internet
Author: User
Tags header
Tables are a very important feature of HTML that allows you to design diverse tables using a variety of properties. Using a table can make your page have a lot of unexpected effect, make the page more neat and beautiful.

Common table Tags

<TABLE>...</TABLE> form instructions.

Related properties:
· ALIGN Adjustment
· bgcolor background color
· BORDER border
· Height Heights
· Width widths <CAPTION>...</CAPTION> table headings.

Related properties:
· ALIGN Adjustment <TR>...</TR> Table columns (</TR> can be omitted).

Related properties:
· ALIGN Adjustment <TH>...</TH> Table column header (header) bold (</TH> can omit).

Related properties:
· ALIGN Adjustment
· COLSPAN Column Width
· ROWSPAN column height <TD>...</TD> form column data (cell) (</TD> can be omitted).

Related properties:
· ALIGN Adjustment
· bgcolor background color
· Height Heights
· Width breadth
· COLSPAN Column Width
· ROWSPAN column Height

Example

such as: (base type)
<table border=1 align=center>
<TR><TD> Pacific Network College <TD> Pacific Network College
<TR><TD> Pacific Network College <TD> Pacific Network College
</TABLE>
Pacific Network College Pacific Network College
Pacific Network College Pacific Network College
such as: (enhanced type) to increase the background color, table title, column title, hurdle width, high hurdle.

<table border=1 align=center bgcolor= #CCCCFF >
<CAPTION> Table title </CAPTION>
<tr><td><th colspan=2> row Heading 1 <th colspan=2> row Heading 2
<tr><th rowspan=2> column Heading 1 <td>a <td>a <td>a <td>a
<tr><td>b <td>b <td>b <td>b
<tr><th rowspan=2> column Heading 2 <td>c <td>c <td>c <td>c
<tr><td>d <td>d <td>d <td>d
</TABLE>

Table title
row Heading 1 row header 2
a a
b b b
column Heading 2 c c c
d d d

Read the above examples, you should understand the basic form of the table!



Contact Us

The content source of this page is from Internet, which doesn't represent Alibaba Cloud's opinion; products and services mentioned on that page don't have any relationship with Alibaba Cloud. If the content of the page makes you feel confusing, please write us an email, we will handle the problem within 5 days after receiving your email.

If you find any instances of plagiarism from the community, please send an email to: info-contact@alibabacloud.com and provide relevant evidence. A staff member will contact you within 5 working days.

A Free Trial That Lets You Build Big!

Start building with 50+ products and up to 12 months usage for Elastic Compute Service

  • Sales Support

    1 on 1 presale consultation

  • After-Sales Support

    24/7 Technical Support 6 Free Tickets per Quarter Faster Response

  • Alibaba Cloud offers highly flexible support services tailored to meet your exact needs.