html5 列表/表格标签

HTML的列表主要有三种，一种是无序列表，一种是有序列表，还有一种是说明列表。无序列表用

标签来定义，有序列表用
标签来定义，说明列表用

标签来定义。对于无序列表和有序列表，用

标签来定义列表中项目；对于说明列表，用

标签来定义列表项目，用

标签来定义项目的说明。

HTML中的表格用

标签来定义。一个 HTML 表格包括一个 标签，一个或多个、 标签定义表格行，、、、 以及 标签。

1、列表

通过结合

标签和
• 标签可以创建一个无序列表。无序列表是可以嵌套的，也就是无序列表中在放入无序列表。无序列表可以嵌套，且无序列表的图标也会有变化，但不会全部都有变化，一般也就前三层图标有变化，其他的就不变了。

  <ul>
      <li>Coffeeli>
      <li>Teali>
      <li>Milkli>
  ul>
  1
  2
  3
  4
  5

  • Coffee
  • Tea
  • Milk

  <ul>
      <li>Coffeeli>
      <ul>
          <li>Teali>
          <li>Milkli>
      ul>
  ul>
  1
  2
  3
  4
  5
  6
  7

  • Coffee
  • • Tea
    • Milk

  同理，结合

  标签和
  1. 标签可以组成有序列表。

     <ol>
       <li>Coffeeli>
       <li>Teali>
       <li>Milkli>
     ol>
     1
     2
     3
     4
     5

     1. Coffee
     2. Tea
     3. Milk

     使用

     标签、

     标签、

     标签可以创建一个说明列表。

     <dl>
       <dt>Coffeedt>
         <dd>Black hot drinkdd>
       <dt>Milkdt>
         <dd>White cold drinkdd>
     dl>
     1
     2
     3
     4
     5
     6

     Coffee

     Black hot drink

     Milk

     White cold drink

     2、表格

     表格由

以及	标签。
标签定义表头，	标签定义表格单元。更复杂的 HTML 表格也可能包括 <caption>、

标签来定义。每个表格均有若干行（由 标签定义），每行被分割为若干单元格（由 标签用于组合 HTML 表格的表头内容。 标签应该与 和 标签结合起来使用，用来规定表格的各个部分（表头、主体、页脚）。

<table>
  <caption>Monthly savingscaption>
  <thead>
    <tr>
      <th>Monthth>
      <th>Savingsth>
    tr>
  thead>
  <tbody>
    <tr>
      <td>Januarytd>
      <td>$100td>
    tr>
    <tr>
      <td>Februarytd>
      <td>$80td>
    tr>
  tbody>
  <tfoot>
    <tr>
      <td>Sumtd>
      <td>$180td>
    tr>
  tfoot>
table>
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25

标签用于表示表格的标题，

标签定义）。字母 td 指表格数据（table data），即数据单元格的内容。数据单元格可以包含文本、图片、列表、段落、表单、水平线、表格等等。 <table> <tr> <th>Monthth> <th>Savingsth> tr> <tr> <td>Januarytd> <td>$100td> tr> <tr> <td>Februarytd> <td>$80td> tr> table> 1 2 3 4 5 6 7 8 9 10 11 12 13 14 Month Savings January $100 February $80

Monthly savings

Month	Savings
January	$100
February	$80
Sum	$180