用HTML编写表格

时间:2015-11-20 13:03:16

标签: html

uhren

所以我需要构建这种类型的站点,而不使用HTML(没有CSS)。我在调整上部文字时遇到了问题(我只能使用align ="右边"但是它会把它放在网站的末尾),而我似乎无法做到这一点表。到目前为止,这是我的代码:

<html>
    <p size="12px" align="right"><b>Janez Novak</b></p>
    <table border="1" style="width:20%">
        <tr>
            <td align="left" width=><p align="center" rowspan="5"><b>test</b></p><br/></td>
            <td>um feri</td>
        <tr>
            <td align="left" width=><p align="left"><b>Telefon</b></p></td>
            <td>+386 2 220 7000</td>
        </tr>
        <tr>
            <td align="left" width=><p align="left"><b>Telefaks</b></p></td>
            <td>+386 2 220 7272, +386 2 220 7090</td>
        </tr>
    </table>
</html>

3 个答案:

答案 0 :(得分:0)

这是否解决了您的问题:

<html><body>
    <table width="600" align="Center">
        <tr><td align="center">
                <h1>Janez Novak</h1>
                <i>Univ. dipl. inz. | Univ. dipl. ing.</i>
                <h2>Raziskovalec | Researcher</h2>
        </td></tr>
        <tr><td align="Left">
            <table border="1">
            <tr>
                <td rowspan="3" align="Center" valign="Top"><b>Naslov:</b></td>
                <td>UM FERI</td>
            </tr>
            <tr>
            <td>Smetanova Ulica</td>
            </tr>
            <tr>
                <td>2000 Maribor</td>
            </tr>
            <tr>
                <td align="left"><b>Telefon:</b></td>
                <td>+386 2 220 7000</td>
            </tr>
            <tr>
                <td align="left"><b>Telefaks:</b></td>
                <td>+386 2 220 7272, +386 2 220 7090</td>
            </tr>
            <tr>
                <td align="right" colspan="2"><a href="www.feri.um.si">www.feri.um.si</a></td>
            </tr>
            </table>
        </td></tr>
    </table>
</body></html>

现在结果如下:

enter image description here

请注意,您还必须删除style="width:20%",因为这是CSS。

答案 1 :(得分:0)

guava不是rowspan元素的有效属性。要复制图像中显示的内容,请使用以下代码:

<p>

jsFiddle Demo

答案 2 :(得分:-1)

首先,表格中的HTML存在错误:

<table border="1" style="width:20%">
    <tr>
        <td align="left" width=><p align="center" rowspan="5"><b>test</b></p><br/></td>
        <td>um feri</td>
    </tr> <!-- Added missing tr closing tag -->
    <tr>
        <td align="left" width=><p align="left"><b>Telefon</b></p></td>
        <td>+386 2 220 7000</td>
    </tr>
    <tr>
        <td align="left" width=><p align="left"><b>Telefaks</b></p></td>
        <td>+386 2 220 7272, +386 2 220 7090</td>
    </tr>
</table>

第二:你怎么不能使用CSS,但是在你的桌子上使用style属性,这与CSS几乎相同

第三,这里的一种可能性是将<table>包裹在<p><div>中并移动整个父元素