Question

我必须使用HTML中的table元素创建一个表。该表应如下所示：required Table image

但目前我的表格如下：My Table image 我试过很多次修复它。但我无法弄清楚。继续我的HTML代码。请帮忙

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset=utf-8 />
    <title>Page header</title>
</head>
    <body>
        <table border="1" width="100%"> 
            <tr>    
                <td colspan=4>Page Header </td>
            </tr>       

            <tr>
                <td rowspan=2>Menu: </td>
                <td> Advertisement Space </td>
                <td> Blog Links </td>
            </tr>

            <tr>
                <td> Main Content Area</td>
            </tr>

            <tr>
                <td colspan=4>Footer </td>
            </tr>
    </body>
</html>

Answer 1

请改为：

<td rowspan="2"> Blog Links </td>

旁注：您似乎正在使用html表构建页面布局。不好的想法，read this。

另外，html属性要正确，需要引号，即<elem attrib="value">

Answer 2

关闭你的桌子：

<table border="1" width>Table data...</table>

Answer 3

下面的HTML会创建一个这样的表格：

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset=utf-8 />
    <title>Page header</title>
</head>
    <body>
        <table border="1" width="100%"> 
            <tr>    
                <td colspan=4>Page Header </td>
            </tr>       

            <tr>
                <td rowspan=2>Menu: </td>
                <td colspan=2> Advertisement Space </td>

            </tr>

            <tr>
                <td> Main Content Area</td>
                <td> Blog Links </td>
            </tr>

            <tr>
                <td colspan=4>Footer </td>
            </tr>
    </body>
</html>

您需要改变的地方：

为＆＃34;广告空间＆＃34;

colspan

移动＆＃34;博客链接＆＃34;与＆＃34;主要内容区＆＃34;

虽然我必须说在设计网站布局时表格绝对不是最先进的。 <table>用于显示数据（如列表或井表）。应使用<div>和<span>将布局应用于网站

Answer 4

给菜单rowpan 4并相应地改变。

如何修复此HTML代码以生成所需的表？

4 个答案: