2014 Annual Sinsing HTML Tutorial Summer edition sixth section

Do not know this people will not feel boring, in short no matter how everyone, Sinsing will always accompany you, look forward to your attention and support, but also sincerely hope that my blog can make you less detours, get more systematic knowledge.

Form *****************

1. In the early days, when people used the layout as a form of layout, because the layout of the table is quite neat, we just have to set the border of the table to 0 to make the content appear very organized.

2. With the popularity of the DIV+CSS, the table layout is becoming more and more popular, and even some people especially exclude the table, the table should not be used in the form of the table, in fact, can not be so extreme, it also has its useful side, of course, there is its undesirable side.

3. We use the table tag to implement a table, and then we can specify its border property, which is borderless by default, that is, the table is used for layout by default.

4. We use TR to represent each row of the table, that is, the TR tag is nested inside his table tag.

5. And we use TD tags to represent a cell, that is, TD tags are nested inside the TR tag, we usually write the content into our TD label, and the TR tag is only equivalent to a line break.

Example ***************

1. For example, below we define a table with three rows and two columns:

<TableBorder= "1">    <TR><TD>Name</TD><TD>Gender</TD></TR>    <TR><TD>Sinsing</TD><TD>Man</TD></TR>    <TR><TD>Xiao Qian</TD><TD>Woman</TD></TR></Table>

2. I do not know whether readers feel a bit awkward, because the above table "name" and "Sinsing", "Xiao Qian" role is different, it is a bit similar to the sense of the title.

3. For the cell "name" and "gender" in the above table, we can replace the TD label with th tag, that is, we write the code in the following style:

<TableBorder= "1">    <TR><th>Name</th><th>Gender</th></TR>    <TR><TD>Sinsing</TD><TD>Man</TD></TR>    <TR><TD>Xiao Qian</TD><TD>Woman</TD></TR></Table>

4. In fact, the table also has such as the table title, header, footer and other properties, personal feeling is not very common, do not explain.

List *********************

In 1.HTML we support sequential tables, unordered lists, and definition lists.

2. The so-called ordered list is a series of content is identified by the serial number, it uses the OL tag to represent an ordered list, with Li to represent each item.

3. The ol here is the order list meaning, that is, "ordered lists", and Li is the "list item" meaning, that is, "listing elements."

4. We can use UL to represent an unordered list, each of which is represented by an Li tag, where u in UL is the first letter of UN, which means no, no order.

5. We can use DL to make a custom list, where D is the meaning of define, that is, "definition".

6. While the DT label represents the upper-level item in the list, the DD tag is usually used to represent the lower-level item in the list, and the DT label and DD tag must be placed between the DL label pairs.

Code Sample *************

1. First, there are sequence lists and no lists, here is an example of an ordered list:

< ol >    < Li > Sinsing </li>    <li> Xiao Qian  </li></ol>

2. Then there is the code instance for the definition list:

<DL><DT>Cities in China</DT><DD>Beijing</DD><DD>Shanghai</DD><DD>Guangzhou</DD><DT>United States cities</DT><DD>Washington</DD><DD>Chicago</DD><DD>New york</DD></DL>

Summary **************

1. In the previous section of this section we introduced the table, and later we introduced the list.

2. The application of the list, especially the unordered list, its application is quite extensive, but because we did not involve the CSS, therefore does not speak first, waits for later to explain.