Fatal编程技术网
  • html/
  • Html表tr-insidetd

Html表tr-insidetd

html

Html表tr-insidetd,html,html-table,Html,Html Table,我正在尝试用HTML创建一个表。我有以下设计要创建。我在中添加了一个，但不知何故，该表没有按照设计创建 有谁能建议我如何做到这一点 我无法创建Name1 | Price1节。您必须在td中添加一个完整的表 ... 只需在所需的td中添加一个新的表即可。例如： 基础知识 基础知识 基础知识 基础知识 项目1 项目2 QWEQWE QWEQWE QWEQWE QWEQWE QWEQWE QWEQWE 项目3 您不能将tr放入td中。您可以从有关td的文档中查看允许的内容。相关信息在允许的内

我正在尝试用HTML创建一个表。我有以下设计要创建。我在
中添加了一个
，但不知何故，该表没有按照设计创建

有谁能建议我如何做到这一点

我无法创建Name1 | Price1节。

您必须在td中添加一个完整的表


...
只需在所需的
td
中添加一个新的
表即可。例如：




基础知识
基础知识
基础知识
基础知识
项目1
项目2
QWEQWE
QWEQWE
QWEQWE
QWEQWE
QWEQWE
QWEQWE
项目3

您不能将tr放入td中。您可以从有关
td
的文档中查看允许的内容。相关信息在允许的内容部分

另一种方法是使用
colspan
和
rowspan
。看看这个

HTML:


在td元素中放置另一个表，如



...
基础知识
基础知识
名称1
价格1
...
基础知识
...

完整示例：




基础知识
基础知识
基础知识
基础知识
项目1
项目1
名字1
价格1
名称2
价格2
名字3
价格3
项目1
项目2
项目2
项目2
项目2
项目3
项目3
项目3
项目3

试试这段代码




名字1
名称2
名字3
名字4
项目1
项目2
名称
价格
项目4
名称
价格
名称
价格

无需嵌套表即可求解




基础知识
基础知识
基础知识
基础知识
项目1
项目1
项目1
项目1
名称1
价格1
姓名2
价格2
名字3
价格3
项目2
项目2
项目2
项目2




产品
量
价格
总计
项目-1
项目-1
名称1
价格1
姓名2
价格2
名字3
价格3
名字4
价格4
项目-1
项目-2
项目-2
项目-2
项目-2
项目-3
项目-3
项目-3
项目-3

您可以检查此项，只需像这样在表中使用表即可




桌子
th，
运输署{
边框：1px纯黑；
边界塌陷：塌陷；
}
基础知识
基础知识
基础知识
基础知识
项目1
项目1
名称1
价格1
姓名2
价格2
名字3
价格3
项目1
A.
B
C
D
E
F
G
H
E
R
T
T




...


桌子
.rb{
文本对齐：右对齐；
边界塌陷：塌陷；
右边框：1px纯黑；
边框底部：1px纯黑；
}
.b{
文本对齐：右对齐；
边界塌陷：塌陷；
边框底部：1px纯黑；
}
r{
文本对齐：右对齐；
边界塌陷：塌陷；
右边框：1px纯黑；
}
.n{
文本对齐：右对齐；
}
国家
人口（克）
印度
1998
85
1999
90
2000
100

是否可以在td中添加完整的表格？？我从来没有这样做过，这就是为什么我要问这个问题。如果它比它真的好，你可以把几乎所有的东西都放进td，只有html，身体和头部是不允许的，我想是的，这正是我害怕的。我在谷歌上查了一下，希望到目前为止还有另一种方法可以解决这个问题，当我在td中放置tr时，它不会抛出任何错误，事实上，我在一些td中放置了许多tr，因为我的应用程序在某些属性中呈现对象数组，它可以在所有浏览器中工作（不知道IE，因为我没有在IE中测试它），任何感兴趣的人都可以查看它-，注意：这是一个Angular应用程序，不确定Angular是否支持此行为。即使它不会在您的浏览器中引发错误，但它是错误的，并且可能在其他浏览器或环境中引发错误。您应该始终尝试在其预期用途中使用HTML元素，就像不在内联元素中使用块元素一样，在表中插入表是完全有效的，请编写一个简单的html代码，在TD中插入一个表并将其粘贴到w3验证程序中：您会注意到它将被传递。所有错误都与doctype和head缺少标记有关。将table元素放在tr中无效，而将table放在td中是有效的..您可以验证我认为这里的意思是，对于该场景，将table放在table中是一种奇怪的方法，由于
colspan
和
rowspan
旨在解决此问题。不确定为什么要使用此解决方案

<table width="100%">
 <tr>
  <td>Name 1</td>
  <td>Name 2</td>
  <td colspan="2">Name 3</td>
  <td>Name 4</td>
 </tr>

 <tr>
  <td rowspan="3">ITEM 1</td>
  <td rowspan="3">ITEM 2</td>
  <td>name1</td>
  <td>price1</td>
  <td rowspan="3">ITEM 4</td>
 </tr>

 <tr>
  <td>name2</td>
  <td>price2</td>
 </tr>
 <tr>
  <td>name3</td>
  <td>price3/td>
 </tr>
</table>



table {
    border-collapse: collapse       
}

td {
   border: 1px solid #000000
}



<table>
    <tr>
        ...
    </tr>
    <tr>
        <td>ABC</td>
        <td>ABC</td>
        <td>
            <table>
                <tr>
                    <td>name1</td>
                    <td>price1</td>
                </tr>
...
            </table>
        </td>
        <td>ABC</td>
    </tr>
...
</table>



<!DOCTYPE html>
<html>
<head>
<title>TABLE</title>
<style>
    .rb{
        text-align:right;
        border-collapse:collapse;
        border-right:1px solid black;
        border-bottom:1px solid black;
    }
    .b{
        text-align:right;
        border-collapse:collapse;
        border-bottom:1px solid black;
    }
    .r{

        text-align:right;
        border-collapse:collapse;
        border-right:1px solid black;
    }
    .n{
        text-align:right;
    }
    


    
</style>
</head>
<body>
<table border="1px" cellspacing="0px">
<tr>
    <th>Country</th>
    <th>Population (In Crores)</th>
</tr>
<tr>
    <th>INDIA</th>
    <td>
    <table cellspacing="0px" width="100%">
        <tr>
            <td class="rb">1998</td>
            <td class="b">85</td>
        </tr>
            <tr>
            <td class="rb">1999</td>
            <td class="b">90</td>
        </tr>
            <tr>
            <td class="r">2000</td>
            <td class="n" >100</td>
        </tr>
    </table></td>
</tr>
</table>
</body>
</html>