Question

你好吗？

我在编写第一个HTML网站时遇到了一些困难！我坚持一些细节，如果你们帮我一点点，我会非常感激，再次这是我第一次写HTML，所以我道歉是我的错误，问题有点微不足道。

这是我的问题：

我正试图在页面顶部创建一个绿色背景，但是我无法弄清楚如何使用bgcolor为表格所在的行着色，但这似乎不起作用。

这是我厌倦了做的事情：

<tr bgcolor = "green">
        <table width = "50%">
            <tr>
                <td><a href = "http://www.google.com"> Home </a></td>
                <td><a href = "http://www.google.com> About Us </a></td>
                <td><a href = "http://www.google.com> Products </a></td>
                <td><a href = "http://www.google.com> Services </a></td>
                <td><a href = "http://www.google.com> Contact Us </a></td>
            </tr>
        </table>
    </tr>

尝试在输入字段旁边写一些东西时的另一个问题（用户名密码输入字段）;在尝试编写“Office all is a internet store that ...”时，不会出现在输入字段旁边，而是出现在它们下面！

这是我做的事情

<tr>
        <td>
            <form action = "processor.class" method = "get">
                User Name:
                <p/>
                <input type = "text"  name = "txtName" size = "10" />
                <p/>
                Password: 
                <p/>
                <input type = "password" name = "txtPassword" size = "10" />
                <p/>
                <input type = "submit" value = "Login"/> <a href = "http://www.jce.ac.il"> Register account</a>
            </form>
        </td>

        <td>
        office all is an internet...
        </td>

    </tr>

你可以帮帮我吗？

thanks =）

编辑：谢谢你们的帮助，因为你们都建议我会尝试阅读CSS教程并停止使用表格，我现在将关闭这个帖子并在有问题的时候打开它。（在我学习了更多关于CSS之后）

Answer 1

无论你在哪里学习网页开发，都要翻阅那本书/教程/什么，然后再拿一些更新的东西。使用表格来布局页面是一种非常糟糕的做事方式。如果您只是在学习Web开发，那么您应该学习如何使用CSS布局页面，而不是表格。

Answer 2

哦亲爱的..桌子......在这里教育自己：

how to make full height cell in full height table in Internet Explorer

一旦你阅读了这里，看看：

http://htmldog.com/guides/cssbeginner/

从长远来看，您会发现使用语义HTML和有意义的CSS将大大减少您的工作流程，并使您的网站更兼容x浏览器。

无论你在哪里学习都会阻碍你的进步并且无法帮助你实现目标，最好转而坚持使用像HTMLDog这样的好资源（避免像瘟疫这样的W3Schools - http://w3fools.com）

Answer 3

看起来其他人已经给出了问题的答案。但是，为了更好地构建您的网页，建议您阅读http://www.smashingmagazine.com/2009/04/08/from-table-hell-to-div-hell/

Answer 4

您应该使用CSS来指定背景颜色和样式。

使用表格进行布局是一个坏主意，你的代码中还有其他一些天真的错误（即。<p/>是错误的）

我建议您找到有关基本HTML和CSS的教程。也许beginner tutorial at HTML Dog会帮助你。表格有working examples。

Answer 5

Google：CSS表格设计

Smashing Magazine的结果可以帮助您解决此问题。

Answer 6

首先，我会花几个小时看看w3schools关于css和html的阅读

W3Schools css W3Schools html

以下是获得所需布局的非常粗略的方法。注意使用水平列表而不是表，并使用css。

我仍然使用了几张桌子，而且它们也应该用css替换..

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<style type="text/css">
  ul 
  {
    background-color:green;
    list-style-type:none;
    margin-top:0;
    margin-bottom:0;
    padding-top:1em;
    padding-bottom:1em;
  }

  li
  {
    display:inline; 
    text-: white;
  }

  td
  {
    border: 1px solid black;
  }
</style>
</head>

<body>
  <ul>
    <li><a href="#home">Home</a></li>
    <li><a href="#news">News</a></li>
    <li><a href="#contact">Contact</a></li>
    <li><a href="#about">About</a></li>
  </ul>

  <table>
    <tr>
      <td>
        <form action = "processor.class" method = "get">
          <div>
            User Name: <input type = "text"  name = "txtName" size = "10" />
          </div>
          <div>
           Password: <input type = "password" name = "txtPassword" size = "10" />
          </div>
          <div>
            <input type = "submit" value = "Login"/> <a href = "http://www.jce.ac.il"> Register account</a>
          </div>
        </form>
      </td>
      <td>
        <div>
          office all is an internet...
        </div>
      </td>
    </tr>
  </table>


</body>

</html>

Answer 7

你可以使用css的第一个问题是更有效的方法

对于第二个问题，您应该将文本放在“p”

中的“label”标签中

包含输入的标记

Answer 8

尝试将bgcolor放在嵌套的<table>标记中，而不是<tr>标记中。它也是无效的代码，因为<td>内没有<tr>。

更好的方法是使用CSS。包裹你的头脑更难，但从长远来看它会更容易。

HTML表格背景

8 个答案: