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