Warning: file_get_contents(/data/phpspider/zhask/data//catemap/3/html/79.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Html 有人能帮我清理一下这个代码吗_Html - Fatal编程技术网

Html 有人能帮我清理一下这个代码吗

Html 有人能帮我清理一下这个代码吗,html,Html,我不相信我的代码设置正确,我花了很多时间和精力。有人可以看一下它,并调整它的代码应该如何看。我想保持相同的内联css格式,我只是想清理一下代码 我认为我没有使用正确的标签 我想保持填充不变,调整所有其他内容 我的代码: 这个 -------- -------- -------- -------- --------- --------- -------- -------- 所以。。。和评论中提到的每个人一样,您应该使用CSS来设置样式,特别是因为这里实际上只有4种不同的样式。我

我不相信我的代码设置正确,我花了很多时间和精力。有人可以看一下它,并调整它的代码应该如何看。我想保持相同的内联css格式,我只是想清理一下代码

我认为我没有使用正确的标签

我想保持填充不变,调整所有其他内容

我的代码:


这个

--------
--------
--------
--------
---------
---------
--------
--------

所以。。。和评论中提到的每个人一样,您应该使用CSS来设置样式,特别是因为这里实际上只有4种不同的样式。我所做的是快速而肮脏的修复,我不建议养成像我这样命名类的习惯。它们太模糊了

这是两个文件。(如果这令人困惑,请阅读.php vs.html)


Demo.php
我没有更改您的规则,只是简单地移动了它们,并对它们进行了格式化。

那么您希望我们做什么?“寻求调试帮助的问题(“为什么此代码不起作用?”)必须包括所需的行为、特定的问题或错误,以及在问题本身中复制它所需的最短代码。”看,我想保持相同的内联css格式,我只是想把代码清理一下。你知道你可以使用类来重复样式。您可以在这里阅读更多内容:最好是创建一个styles.css文件;把所有的样式移到那里,加上名字;并加载styles.css文件。请参阅本页关于如何使用外部文件的内容,以及本页关于如何创建和使用CSS类的内容:我不确定您的意思是什么。。。永远不要将CSS与html混合使用。它们在两个不同的文件中,就像我做的一样。我做到了,非常感谢你:你需要阅读CSS。去看看你的问题评论中的一些链接。这种表格的名称是什么?你叫它什么?在做表格的时候,我知道它们有不同的名字,你用的是什么类型的表格?
  <table align='center' height='100%'>
      <tr>
        <td valign='middle'>
          <table>
            <tr>
              <td style='color: #0059dd;line-height:1;font-size:30;font-weight:bold;padding: padding-top: 0px; padding-right: 50px; padding-bottom: 100px; padding-left: 50px;'>
                The
                <br/>
                <span style='color:#000000; display:inline-block; width: 300px; height: 24px;background-color:#E2AB58'>
                </span>
              </td>
              <td style='color: #0059dd;line-height:1;font-size:30;font-weight:bold;padding: padding-top: 0px; padding-right: 50px; padding-bottom: 100px; padding-left: 50px;'>
                --------
                <br/>
                <span style='color:#000000; display:inline-block; width: 300px; height: 24px;background-color:#E2AB58'>
                </span>
              </td>
              <td style='color: #0059dd;line-height:1;font-size:30;font-weight:bold;font-weight:bold;padding: padding-top: 0px; padding-right: 50px; padding-bottom: 100px; padding-left: 50px;'>
                --------
                <br/>
                <span style='color:#000000; display:inline-block; width: 300px; height: 24px;background-color:#E2AB58'>
                </span>
              </td>
            </tr>
            <tr>
              <td style='color: #0059dd;line-height:1;font-size:30;font-weight:bold;padding: padding-top: 0px; padding-right: 50px; padding-bottom: 100px; padding-left: 50px;'>
                --------
                <br/>
                <span style='color:#000000; display:inline-block; width: 300px; height: 24px;background-color:#E2AB58'>
                </span>
              </td>
              <td style='color: #0059dd;line-height:1;font-size:30;font-weight:bold;padding: padding-top: 0px; padding-right: 50px; padding-bottom: 100px; padding-left: 50px;'>
                --------
                <br/>
                <span style='color:#000000; display:inline-block; width: 300px; height: 24px;background-color:#E2AB58'>
                </span>
              </td>
              <td style='color: #0059dd;line-height:1;font-size:30;font-weight:bold;padding: padding-top: 0px; padding-right: 50px; padding-bottom: 100px; padding-left: 50px;'>
                ---------
                <br/>
                <span style='color:#000000; display:inline-block; width: 300px; height: 24px;background-color:#E2AB58'>
                </span>
              </td>
            </tr>
            <tr>
              <td style='color: #0059dd;line-height:1;font-size:30;font-weight:bold;padding: padding-top: 0px; padding-right: 50px; padding-bottom: 0px; padding-left: 50px;'>
                ---------
                <br/>
                <span style='color:#000000; display:inline-block; width: 300px; height: 24px;background-color:#E2AB58'>
                </span>
              </td>
              <td style='color: #0059dd;line-height:1;font-size:30;font-weight:bold;padding: padding-top: 0px; padding-right: 50px; padding-bottom: 0px; padding-left: 50px;'>
                --------
                <br/>
                <span style='color:#000000; display:inline-block; width: 300px; height: 24px;background-color:#E2AB58'>
                </span>
              </td>
              <td style='color: #0059dd;line-height:1;font-size:30;font-weight:bold;padding: padding-top: 0px; padding-right: 50px; padding-bottom: 0px; padding-left: 50px;'>
                --------
                <br/>
                <span style='color:#000000; display:inline-block; width: 300px; height: 24px;background-color:#E2AB58'>
                </span>
              </td>
            </tr>
          </table>
        </td>
      </tr>
    </table>
<!DOCTYPE html>
<html>
<title>Page Title</title>
<link rel="stylesheet" href="style.css">

<table align='center' height='100%'>
  <tr>
    <td valign='middle'>
      <table>
        <tr>
          <td class="one">
            The
            <br/>
            <span class="two">
            </span>
          </td>
          <td class="one">
            --------
            <br/>
            <span class="two">
            </span>
          </td>
          <td class="three">
            --------
            <br/>
            <span class="two">
            </span>
          </td>
        </tr>
        <tr>
          <td class="one">
            --------
            <br/>
            <span class="two">
            </span>
          </td>
          <td class="one">
            --------
            <br/>
            <span class="two">
            </span>
          </td>
          <td class="one">
            ---------
            <br/>
            <span class="two">
            </span>
          </td>
        </tr>
        <tr>
          <td class="four">
            ---------
            <br/>
            <span class="two">
            </span>
          </td>
          <td class="four">
            --------
            <br/>
            <span class="two">
            </span>
          </td>
          <td class="four">
            --------
            <br/>
            <span class="two">
            </span>
          </td>
        </tr>
      </table>
    </td>
  </tr>
</table>
td.one{
    color: #0059dd;
    line-height:1;
    font-size:30;
    font-weight:bold;
    padding-top: 0px; 
    padding-right: 50px; 
    padding-bottom: 100px; 
    padding-left: 50px;
  }
  span.two{
    color:#000000; 
    display:inline-block; 
    width: 300px; 
    height: 24px;
    background-color:#E2AB58;
  }

  td.three{
    color: #0059dd;
    line-height:1;
    font-size:30;
    font-weight:bold;
    font-weight:bold;
    padding-top: 0px; 
    padding-right: 50px; 
    padding-bottom: 100px; 
    padding-left: 50px;
  }  
  td.four{
   color: #0059dd;
   line-height:1;
   font-size:30;
   font-weight:bold;
   padding-top: 0px; 
   padding-right: 50px; 
   padding-bottom: 0px; 
   padding-left: 50px;
 }