Warning: file_get_contents(/data/phpspider/zhask/data//catemap/3/html/73.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_Css - Fatal编程技术网

HTML表格背景

HTML表格背景,html,css,Html,Css,你好吗 我写我的第一个HTML网站有点困难!我被困在一些细节上,如果你们能帮我一点忙,我会非常感激,这也是我第一次写HTML,所以我很抱歉,我的错误和问题都很琐碎 以下是我的问题: 我试图在页面顶部制作一个绿色背景,但我不知道怎么做,我厌倦了使用bgcolor来给桌子所在的行上色,但这似乎不起作用 以下是我想做的: <tr bgcolor = "green"> <table width = "50%"> <tr>

你好吗

我写我的第一个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是一个互联网商店,它…”时,不会出现在输入字段旁边,而是出现在输入字段下面

这就是我所做的

<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>

用户名:

密码:

办公室是一个互联网。。。

你能帮帮我吗

谢谢=)


编辑:谢谢你们的帮助,正如你们所建议的,我将尝试阅读CSS教程并停止使用表格,现在我将关闭此线程,并在我有更多问题要问时打开它(在我了解了更多关于CSS的小知识之后)

使用CSS的第一个问题是更有效的方法

对于第二个问题,您应该将文本放在“标签”标记中的“p”内


包含输入的标记无论您从哪里学习web开发,请将该书/教程/任何内容转储,然后选择更新的内容。使用表格来布置页面是一种非常糟糕的做法。如果您只是在学习web开发,那么您应该学习如何使用CSS而不是表格来布局页面。

尝试将bgcolor放在嵌套的
标记中,而不是
标记中。它也是无效代码,因为
中没有


更好的方法是使用CSS。这很难让你绞尽脑汁,但从长远来看,这要容易得多。

看起来其他人已经为你的问题给出了答案。但是,为了更好地构建页面结构,我建议您阅读

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

使用表格进行布局是一个坏主意,代码中还有其他一些幼稚的错误(例如,

是错误的)


我建议你找一些关于基本HTML和CSS的教程。也许这会对你有所帮助。有很多表格。

谷歌:CSS表格设计


来自的结果将帮助您解决此问题。

哦,亲爱的。。桌子。。。在这里教育自己:

一旦你读过这篇文章,请看这里:

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


目前,无论你在哪里学习都会阻碍你的进步,也不会帮助你实现目标,最好抛开它,坚持使用好的资源,比如HTMLDog(避免像瘟疫一样的W3Schools-)

首先,我会花几个小时看W3Schools阅读css和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> 

保险商实验室
{
背景颜色:绿色;
列表样式类型:无;
边际上限:0;
页边距底部:0;
垫面:1米;
垫底:1米;
}
锂
{
显示:内联;
文本-:白色;
}
运输署
{
边框:1px纯黑;
}
用户名: 密码: 办公室是一个互联网。。。
想知道为什么是表格而不是普通的html/css…使用css应用
背景色:绿色
,而不是
bgcolor
属性……坦白说,我没有想到这一点,因为我说过这是我第一次用HTML/CSS编写“我现在将关闭此线程,并在有更多问题时打开它”——StackOverflow不是留言板。如果你有一个新问题,请创建另一个问题。哦,很抱歉,这里仍然是新的=)是的,我现在就做,谢谢你的建议=)现在就查看,谢谢uthanks的提示=),我会避开学校