如何仅使用 html 在 table 边框和文本之间添加 space？

Question

嗨，有人能帮我吗我是编码新手，这是我的大学作业，我们不应该在其中使用 CSS，只能使用 HTML 我如何添加 space 文本和 table-border.

之间

<!DOCTYPE html>
  <HTML>

  <HEAD>
    <TITLE>TABLE</TITLE>
  </HEAD>

  <BODY>
    <TABLE BORDER="5" CELLSPACING="4" CELLPADDING="3">
      <TR BGCOLOR="BLUE">
        <TH ALIGN="CENTER" HEIGHT="20">
          <FONT SIZE="4" COLOR="WHITE"> <u>First Name</u>
        <TH ALIGN="CENTER" HEIGHT="20">
          <FONT SIZE="4" COLOR="WHITE"> <u>Last Name</u>
      </TR>
      <TR BGCOLOR="YELLOW">
        <TD> <u>Keith</u>
        <TD><u>Richards</u>
      </TR>
      <TR BGCOLOR="ORANGE">
        <TD><u>Mick</u>
        <TD><u>Jagger</u>
      </TR>
      <TR BGCOLOR="YELLOW">
        <TD><u>Bill</u>
        <TD><u>Wyman</u>
      </TR>
      <TR BGCOLOR="ORANGE">
        <TD><u>Ron</u>
        <TD><u>Wood</u>
      </TR>
      <TR BGCOLOR="YELLOW">
        <TD><u>Charlie</u>
        <TD><u>Watts</u>
      </TR>
      <TR BGCOLOR="ORANGE">
        <TD><u>Mick</u>
        <TD><u>Taylor</u>
      </TR>
      <TR BGCOLOR="YELLOW">
        <TD><u>Brian</u>
        <TD><u>Jones</u>
      </TR>
    </TABLE>
  </BODY>

  </HTML>

我的代码-

Answer 1

要在单元格内容和单元格墙之间添加 space，您可以使用 table 标签中的 cellpadding 属性。

The HTML cellpadding Attribute is used to specify the space between the cell content and cell wall. The cellpadding attribute is set in terms of pixels.

参考：cellpadding

<!DOCTYPE html>
  <HTML>

  <HEAD>
    <TITLE>TABLE</TITLE>
  </HEAD>

  <BODY>
    <TABLE BORDER="5" CELLSPACING="4" CELLPADDING="10">
      <TR BGCOLOR="BLUE">
        <TH ALIGN="CENTER" HEIGHT="20">
          <FONT SIZE="4" COLOR="WHITE"> <u>First Name</u>
        <TH ALIGN="CENTER" HEIGHT="20">
          <FONT SIZE="4" COLOR="WHITE"> <u>Last Name</u>
      </TR>
      <TR BGCOLOR="YELLOW">
        <TD><u>Keith</u></TD> 
        <TD><u>Richards</u></TD>
      </TR>
      <TR BGCOLOR="ORANGE">
        <TD><u>Mick</u></TD>
        <TD><u>Jagger</u></TD>
      </TR>
      <TR BGCOLOR="YELLOW">
        <TD><u>Bill</u></TD>
        <TD><u>Wyman</u></TD>
      </TR>
      <TR BGCOLOR="ORANGE">
        <TD><u>Ron</u></TD>
        <TD><u>Wood</u></TD>
      </TR>
      <TR BGCOLOR="YELLOW">
        <TD><u>Charlie</u></TD>
        <TD><u>Watts</u></TD>
      </TR>
      <TR BGCOLOR="ORANGE">
        <TD><u>Mick</u></TD>
        <TD><u>Taylor</u></TD>
      </TR>
      <TR BGCOLOR="YELLOW">
        <TD><u>Brian</u></TD>
        <TD><u>Jones</u></TD>
      </TR>
    </TABLE>
  </BODY>

  </HTML>

Answer 2

<TD> <u>&nbspKeith</u> </TD>

尝试使用应该会给你想要的结果。

如何仅使用 html 在 table 边框和文本之间添加 space？

how can i add space between table border and text using html only?

html

javascript

html-table

web-deployment