Warning: file_get_contents(/data/phpspider/zhask/data//catemap/3/html/78.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,我必须创建这张桌子,但是colspan和rowspan让我的大脑疯狂。请帮忙 用于实验的JSFIDLE blank,- 试试这个。。。如果你有dreamweaver工具,你可以很容易地做到这一点 <table width="200" border="1"> <tr> <td rowspan="2">&nbsp;</td> <td rowspan="2">&nbsp;</td> &

我必须创建这张桌子,但是colspan和rowspan让我的大脑疯狂。请帮忙

用于实验的JSFIDLE blank,-


试试这个。。。如果你有dreamweaver工具,你可以很容易地做到这一点

<table width="200" border="1">
  <tr>
    <td rowspan="2">&nbsp;</td>
    <td rowspan="2">&nbsp;</td>
    <td colspan="4">&nbsp;</td>
    <td rowspan="2">&nbsp;</td>
  </tr>
  <tr>
    <td>&nbsp;</td>
    <td>&nbsp;</td>
    <td>&nbsp;</td>
    <td>&nbsp;</td>
  </tr>
</table>

编辑-我建议不要使用WYSIWYG编辑器,因为你自己不会学会如何做。当然,学习会让人头疼,但你知道。给一个人一条鱼……

相当直截了当。。。。。你的困惑是你的行数。那张表中只有两行


最简单的方法是Dreamweaver,但处理colspan和rowspan并不需要太多,我只是在很少思考的情况下完成了这项工作,我使用JSFIDLE只是为了确保它是正确的

享受

<table>
<tr>
<td rowspan="2"></td>
<td rowspan="2"></td>
<td colspan="4"></td>
<td rowspan="2"></td>
</tr>
<tr>
<td></td>
<td></td>
<td></td>
<td></td>
</tr>
</table>
大概是这样的:

<table>
    <tr>
        <td rowspan="2">&nbsp;</td>
        <td rowspan="2">&nbsp;</td>
        <td colspan="4">&nbsp;</td>
        <td rowspan="2">&nbsp;</td>
    </tr>
    <tr>
        <td>&nbsp;</td>
        <td>&nbsp;</td>
        <td>&nbsp;</td>
        <td>&nbsp;</td>
    </tr>
</table>
给你

<table border="1">
<tr>
  <td rowspan="2"></td>
  <td rowspan="2"></td>
  <td colspan="4"></td>
  <td rowspan="2"></td>
</tr>
 <tr>
    <td></td>
    <td></td>
    <td></td>
    <td></td>
 </tr>
 </table>

colspan组合列,rowspan组合行。所以您可以查看最大值有多少行,最大值有多少列

在本例中,最多有7列,最多有2行:

<table border="1">
    <tr>
        <td>a</td>
        <td>b</td>
        <td>c</td>
        <td>d</td>
        <td>e</td>
        <td>f</td>
        <td>g</td>
    </tr>
    <tr>
        <td>h</td>
        <td>i</td>
        <td>j</td>
        <td>k</td>
        <td>l</td>
        <td>m</td>
        <td>n</td>
    </tr>
</table>
然后合并列/行:

<table border="1" style="padding:5px;border-spacing:10px">
    <tr>
        <td rowspan="2">a (former a)</td>
        <td rowspan="2">b (former b)</td>
        <td colspan="4">c (former c)</td>
        <td rowspan="2">d (former g)</td>
    </tr>
    <tr>
        <td>e</td>
        <td>f</td>
        <td>g</td>
        <td>h</td>
    </tr>
</table>

绝对感谢大家,你救了我的命^ ^你可能想看看一些基本的网站,比如或者如果你能阅读德国驼鹿,谢谢你的链接。
<html>
<head>
</head>
<body>
    <table border="1">
        <tr>
            <td rowspan="2">one</td>
            <td rowspan="2">Two</td>
            <td colspan="4">Im big!</td>
            <td rowspan="2">Last</td>
        </tr>
        <tr>
            <td rowspan="2">one</td>
            <td rowspan="2">Two</td>
            <td>Part 1</td>
            <td>Part 2</td>
        </tr>
    </table>
</body>
</html>
<table border="1">
<tr>
  <td rowspan="2"></td>
  <td rowspan="2"></td>
  <td colspan="4"></td>
  <td rowspan="2"></td>
</tr>
 <tr>
    <td></td>
    <td></td>
    <td></td>
    <td></td>
 </tr>
 </table>
<table border="1">
    <tr>
        <td>a</td>
        <td>b</td>
        <td>c</td>
        <td>d</td>
        <td>e</td>
        <td>f</td>
        <td>g</td>
    </tr>
    <tr>
        <td>h</td>
        <td>i</td>
        <td>j</td>
        <td>k</td>
        <td>l</td>
        <td>m</td>
        <td>n</td>
    </tr>
</table>
<table border="1" style="padding:5px;border-spacing:10px">
    <tr>
        <td rowspan="2">a (former a)</td>
        <td rowspan="2">b (former b)</td>
        <td colspan="4">c (former c)</td>
        <td rowspan="2">d (former g)</td>
    </tr>
    <tr>
        <td>e</td>
        <td>f</td>
        <td>g</td>
        <td>h</td>
    </tr>
</table>