xhtml - HTML表格制作

Question

对于一个坚固的 guid，我必须编写一个包含 3 行的表格的 XHTML 片段。第一行有两个元素 1 和 2。第二行有两个元素 3 和 4。最后一行有一个元素跨越两列并包含值 5。最后一句话（最后一行）你会怎么做？

<table border="1">
  <tr>
  <td>1, 2</td>
  </tr>
  <tr>
    <td>3,4</td>
  </tr>
  <tr>
    <span><td>5</td></span>
      </tr>
</table>

Answer 1

<table border="1">
   <tr>
     <td>1, 2</td>
   </tr>
   <tr>
    <td>3,4</td>
   </tr>

   <tr>
     <td colspan="2">5</td>
   </tr>
  </table>

您的代码只有一列用于 1,2 和 3,4，因此您的最后一行值不能跨越两列。为此，您必须对其进行一些修改

  <tr>
    <td>1 </td><td> 2</td>
  </tr>
  <tr>
   <td>3</td><td>4</td>
  </tr>
  <tr>
 <td colspan="2">5</td>
 </tr>

Answer 2

我认为您希望使用 colspan 属性。假设您希望第一行中的 1 和 2 在 2 个不同的列中（您的代码不这样做），您需要的是这样的：

<table border="1">
    <tr>
        <td>1</td>
        <td>2</td>
    </tr>
  <tr>
        <td>3</td>
        <td>4</td>
  </tr>
  <tr>
        <td colspan = "2">5</td>
  </tr>
</table>

如果你不明白这一点，请在评论中再次问我。