网页中表格和列表随处可见，所以我们需要掌握各个标签的用法以及区别。

表格

简单的HTML表格由table元素以及多个tr th或td元素组成。这几个都是双标签。

tr定义行 th定义表头 td定义表格单元

两行两列的表格，常见代码：（运行结果自己查看）

<table>
 <tr>
  <th>序号th>
  <th>姓名th>
 tr>
 <tr>
  <td>1td>
  <td>张三td>
 tr>
table>

复杂的表格可能包含thead、tbody、tfoot比较常见，caption、col、colgroup不常见。

具体用法示例：（运行结果自己查看）

<table>
 <thead>
  <tr>
   <th>标题头th>
   <th>标题头th>
  tr>
 thead>
 <tbody>
  <tr>
   <td>单元内容td>
   <td>单元内容td>
  tr>
 tbody>
 <tfoot>
  <tr>
   <td>表格尾td>
   <td>表格尾td>
  tr>
 tfoot>
table>

列表

HTML支持有序、无序和定义列表。具体解释如下：

1、有序列表：列表项目使用数字进行标记。有序列表始于

标签，每个列始于
1. 标签。

   示例：（运行结果自己查看）

   <ol>
    <li>我li>
    <li>喜li>
    <li>欢li>
    <li>你li>
   ol>

   2、无序列表：每一列使用原点或圆圈进行标记。无序列表始于

   标签，每个列始于
   • 标签。

     示例代码：（运行结果自己查看）

     <ul>
      <li>Coffeeli>
      <li>Milkli>
     ul>

     2、自定义列表：每一列使用原点或圆圈进行标记。无序列表始于

     标签，每个列始于

     或者

     标签。dt内容块的标题，dd 内容。

     示例代码：（运行结果自己查看）

     <dl>
      <dt>标题dt>
      <dd>内容1dd>
      <dd>内容2dd>
     dl>

      

     原文：https://www.cnblogs.com/web-learn/p/14943791.html