HTML table tag Making table tutorial

Source: Internet
Author: User
Tags html page

This is the Web page teaching network to provide a series of tutorials, mainly for beginners to explain the application of the table, including the most basic knowledge, some of the skills of the table, I hope you support Web teaching network.

Tables are the best way to arrange content, and most of the pages in an HTML page are formatted using tables. But now the technology, someone proposed to use DIV+CSS to make Web pages, the main purpose is to simplify the code of the Web page, now many stations have achieved the DIV+CSS layout, but in the process of Web page production we learn the form of the production method is still very necessary, so specifically for everyone to explain.

In the syntax of HTML, tables are made up of 3 tags, table tags, row markers, and cell markers. As shown in the following table:

Table tags

Mark Description
<TABLE>...</TABLE> Table tags
<TR>...</TR> Row markers
<TD>...</TD> Cell markers

Basic syntax

<TABLE>

<TR>

<TD> ...</td>

04..

</TR>

Modified <TR>

Modified <TD> ...</td>

08..

</TR>

10. ...

</TABLE>

Grammar explanation

The <TABLE> tag represents the beginning of the table, and the,<tr> tag represents the start of the row, and the contents of the cell are between <TD> and </TD>. These marks are between large and small, layered-layer relationships, from the largest table to the smallest cell. A table can have multiple <TR> and <TD> tags, representing multirow and multiple cells, respectively.

File Example: 10-1.htm

Make a three-row two-column table with <TABLE>, <TR>, <TD> tags.
01  <!----------------------------------
02  <!--file Example: 10-1.htm
03  <! --Document Description: Create a form;
04  <!----------------------------------
05  06  & Lt Head>
07  <TITLE> Make table </title>
08  09  <body>
10   <H1> Mainstream web design software 11  <table>
12  <tr>
13  <TD> Web image software </td>
14  <td>fireworks</td>
15  </tr>
16  <tr>
17   <TD> Web page making software </td>
18  <td>dreamweaver</td>
19  </tr>
20   <TR>
21  <TD> web animation software </td>
22  <td>flash</td>
23  </ Tr>
24  </table>
25  </body>
26 

File description

Lines 11th through 24th are a complete table, 12th line to 15th action form, 1th line to 16th line of Action form, 19th line to 2nd action form, 20th line.

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.