HTML网页中的表格 - gakki最美

HTML的表格还好，表单是相当重要，其中的内容非常多，但是不难，跟着书本做一遍基本上就ok了

<table border="1" 
         cellpadding="8" 
         cellspacing="0" 
         bgcolor="#e8e8e8"
         style="border-collapse:collapse" >
      @*caption 是表格标题，默认是居中的，我相信可以设置位置，这里就不去特意研究了*@
      <caption>包装模拟</caption>
      @*thead是表头，就是表格的第一行，个人觉得用处不大*@
      <thead>
          @*表格的跨行和跨列，应该是表格里最难得，需要理解html应该是逐行读取，先到先占,心中要有b数*@
          @*rowspan,表示行合并，colspan，表示列合并*@
          @*tr是表的一行，td是一行中的每一个单元格，下面的表头就是一行3列*@
          <tr bgcolor="#c8c8c8">
              <td>婚姻</td>
              <td>爱情</td>
              <td align="right">人生</td>
          </tr>
      </thead>
      @*tbody是表的主题，如果不去设置就会根据内容自适应*@
      @*跟word一样表格里面也有对其方式，默认是左对齐 align=left,center,right*@
      <tbody>
          <tr>
              <td colspan="2" rowspan="2">吾道不孤</td>
              <td>相濡以沫不如相忘于江湖</td>
              @*<td></td>*@
          </tr>
          <tr>
              <td @*align="center"*@>这个体制怎么破</td>
              @*<td></td>*@
              @*<td></td>*@
          </tr>
          <tr>
              <td>
                  <img src="~/images/bika.jpg" />
              </td>
              <td>
                  <a href="http://www.17bang.ren">一起帮</a>
              </td>
              <td>
                  <ul>
                      <li>1</li>
                      <li>2</li>
                      <li>3</li>
                  </ul>
              </td>
          </tr>
      </tbody>
      @*表格里面可以嵌套表格，嵌套列表，链接，图片等等，这就是以前网页设计的模式吧，现在为啥不用了呢*@
  </table>