如何在表格內製作邊框？

Question

我是全新的HTML，並想知道我怎麼可以在桌子內邊框？我試圖做恰恰是這樣的：

當然，我已經取得了一些代碼來告訴你，我試圖讓我的表看起來像，但是，所有的我已經能夠做的就是這樣的：

什麼，我在第二張圖片顯示的代碼是在這裏：

<table border="4"> 
    <caption>Table - 6 -</caption> 
     <tr> 
      <th rowspan="2">Item 1</th> 
      <td>Item 2</td> 
      <td>Item 3</td> 
      <td>Item 4</td> 
     </tr> 
     <tr> 
      <td>Item 5</td> 
      <td>Item 6</td> 
      <td>Item 7</td> 
     </tr> 

</table> 

我正在嘗試在網頁中使用沒有CSS。我很想了解更多的HTML。

Answer 1

沒有CSS，唯一具有本機邊界的HTML元素是table和img。我想在這裏嵌套表格去：

<table border="4"> 
 
    <caption>Table - 6 -</caption> 
 
     <tr> 
 
      <th rowspan="2"><table border="4"><tr><td>Item 1</td></tr></table></th> 
 
      <td>Item 2</td> 
 
      <td>Item 3</td> 
 
      <td>Item 4</td> 
 
     </tr> 
 
     <tr> 
 
      <td>Item 5</td> 
 
      <td>Item 6</td> 
 
      <td>Item 7</td> 
 
     </tr> 
 
</table>

你永遠要做到這一點在實際的網站雖然，因爲HTML不應該被用於演示，只有CSS。

Answer 2

你可以把 「項目1」 的<span>元素和風格里面跨度：

<table border="4"> 
    <caption>Table - 6 -</caption> 
     <tr> 
      <th rowspan="2"><span style="border:2px solid black;">Item 1</span></th> 
      <td>Item 2</td> 
      <td>Item 3</td> 
      <td>Item 4</td> 
     </tr> 
     <tr> 
      <td>Item 5</td> 
      <td>Item 6</td> 
      <td>Item 7</td> 
     </tr> 

</table> 

見琴：https://jsfiddle.net/tfs4f8sd/

請注意，我已經使用內聯CSS。只要給你想要一個內部邊框的元素一個類名並在CSS中設置它的樣式。