HTML复杂表

HTML复杂表,html,Html,我想; 1.删除此表的一小部分,并在其中留出一个可用空间。我将其添加到代码中。 2.还要将表格中的单词居中。 有人能帮我吗?(请只使用HTML而不是css或javascript) 我的第一个网页 9-11 11-13 13-15 15-17 星期一 6. 7. 午餐 A. 星期二 < 自由的 s 星期三 A. s 5. jF: 我想说,你将不得不使用一些CSS,这将是最专业的方式去做它 我已经开始了,所以你可以在上面的链接中看到它是如何工作的,它非常简单,网上有很多教程和示例,只是做了

我想; 1.删除此表的一小部分,并在其中留出一个可用空间。我将其添加到代码中。
2.还要将表格中的单词居中。 有人能帮我吗?(请只使用HTML而不是css或javascript)


我的第一个网页
9-11
11-13
13-15
15-17
星期一
6.
7.
午餐
A.
星期二
< 自由的
s
星期三
A.
s
5.
jF:

我想说,你将不得不使用一些CSS,这将是最专业的方式去做它

我已经开始了,所以你可以在上面的链接中看到它是如何工作的,它非常简单,网上有很多教程和示例,只是做了很少的研究

我开始给你的样品非常简单,需要更多的工作

祝你好运,我相信这是一个好的开始

HTML

我的第一个网页


最好的做法是使用CSS进行定心。你可以这样做:

<table style="text-align:center">
<td align="center">Text</td>
<td><center>Text</center></td>
<td>&nbsp;</td>

但您也可以在每个单元格中使用HTML,如下所示:

<table style="text-align:center">
<td align="center">Text</td>
<td><center>Text</center></td>
<td>&nbsp;</td>
文本
或者像这样:

<table style="text-align:center">
<td align="center">Text</td>
<td><center>Text</center></td>
<td>&nbsp;</td>
文本
表并不意味着跳过单元格,所以不同的浏览器处理它的方式会有所不同。你不会得到一致的结果。但是,根据你需要的空白空间,你可以使用一些解决方案。 如果您只想让单元格为空,请在其中放置一个粘性空间,如下所示:

<table style="text-align:center">
<td align="center">Text</td>
<td><center>Text</center></td>
<td>&nbsp;</td>

一些浏览器被空标签弄糊涂了,但添加一个粘性空间(显示为一个空间,你看不见)可以解决这个问题

如果希望单元格没有背景/边框,因此看起来不存在:

<td style="background:none; border:none">

这是嵌入的CSS,我之所以包含它,是因为HTML版本已被弃用,您实际上应该使用CSS,但下面是HTML:

<td bgcolor="#000000" border=0>

您必须将#000000替换为桌子后面的颜色。如果桌子后面有图像或文本,可以使用透明图像作为背景。(不过,如果有任何方法可以使用style=“background:none”来代替,我不建议这么麻烦。)

可以使要删除的单元格后面的单元格跨越这两个单元格的空间:

<td colspan=2>9-11</td>
<td >11-13</td>
<td >13-15</td>
<td >15-17</td>
9-11
11-13
13-15
15-17
另一个解决方案是将表格放在表格中

<table border="1px" width="80%" cellspacing="0" cellpading="0" >

    <tr>
        <td align="right"> <!-- The content is aligned to the right so that the blank space will be on the left. -->
            <table width="80%"> <!-- The width of four out of five cells is 80% of the total width -->
                <tr>
                    <td >9-11</td>
                    <td >11-13</td>
                    <td >13-15</td>
                    <td >15-17</td>
                </tr>
            </table>
        </td>
    </tr>

    <tr>
        <td >Monday</td>  
        <td>6</td>
        <td colspan="0">7</td>
        <td rowspan ="3">Lunch</td>
        <td>a</td>
    </tr>

    <tr>
        <td>Tuesday</td>  
        <td colspan="2">&#60; free</td>
        <td>s</td>
    </tr>

    <tr>
        <td >Wedensday</td>
        <td>a</td>
        <td>s</td>
        <td>5</td>
    </tr>

</table>

9-11
11-13
13-15
15-17
星期一
6.
7.
午餐
A.
星期二
< 自由的
s
星期三
A.
s
5.

正如你所看到的,有很多不同的方法来解决这个问题。HTML为实验和创新留下了很大的空间。

删除元素需要JavaScript,格式化和对齐需要css。您能解释一下为什么要删除空间吗?您希望单元格向上移动还是保持原样?你想做什么?对于非CSS,在你希望文本居中的单元格中添加属性
。不,不,我不想通过删除它将行向左移动。我只想删除小表格并在那里留出一个可用空间。(我指的是小空白表格)bloodyKnuckles谢谢:)与其给几乎每个单元格添加类
边框
,不如给表格一个id,使用
#tableid td
应用边框,并使用
无边框
类的一个实例将其删除(仅针对该单元格).不客气,请接受提供的两个答案中的一个。。这会降低你的评价,也会降低发布者的评价@Qaz的答案看起来也很好,而且信息丰富。。再次祝你好运!我是新来的赫尔&我不知道如何接受他们,朋友:(我很乐意。这不是一个简单的解决办法,但我希望你觉得它有帮助。