前端基础HTML之列表标签和表格标签

列表标签

• 无序列表（unordered list）

  格式：

  <ul>
      <li>list item</li>
  </ul>

  应用：新闻列表，商品列表，导航条

• 有序列表（ordered list）

• 定义列表（definition list）

  格式：

  <dl>
      <dt>definition title</dt>
      <dd>definition description</dd>
  </dl>

  应用：网站尾部描述信息，图文混排

表格标签

• 格式：

  <table border="10">
      <tr>table row
          <td>table data</td>
      </tr>
      <tr>table row
          <td>table data</td>
      </tr>
  </table>

   

• 属性

  宽度和高度：table标签和td标签

  水平和垂直对齐：水平给三个标签，垂直给tr和td标签

  外边距和内边距：table标签

  外边和内边之间的间距：cellspacing="0";

  细线表格制作：table背景黑，tr背景白，cellspacing="1px"

  表头标签：<caption></caption>,紧跟table后面，其中表示表头列的标签<th></th>

  表格完整结构：

  <table>
      <caption>
          <th></th>
      </caption>
      <thead>
          <tr>
              <th></th>
          </tr>
      </thead>
      <tbody>
          <tr>table row
              <td>table data</td>
          </tr>
      </tbody>
      <tfoot>
          <tr>table row
              <td>table data</td>
          </tr>
      </tfoot>
  </table>

  单元格合并：colspan = "2";一个格子当两个用，然后去掉边上那一个即可