如何在表格内制作边框？

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中设置它的样式。