table

Это кажется простым, но невозможно написать HTML-код приведенной выше таблицы.
Вот что я пробовал до сих пор:

  <table border="1" style="border-collapse:collapse;" width="25%">
    <tr>
      <td>col1</td>
    </tr>
    <tr>
      <td>1</td>
      <td>2</td>
      <td>3</td>
      <td>4</td>
    </tr>
  </table>
-4
ali hamza 23 Фев 2016 в 17:48

2 ответа

Лучший ответ

Конечно, вам нужен HTML ??

    <table align="center" width="590" height="590" >
  <tr>
    <td align="center" height="80" colspan="4">central text</td>
  </tr>
  <tr>
    <td align="center" height="80" colspan="2">col</td>
    <td align="center" colspan="2">col</td>
  </tr>
  <tr>
    <td align="center" height="40">t</td>
    <td align="center" height="40">t</td>
    <td align="center" height="80" rowspan="2">t</td>
    <td align="center" rowspan="2">t</td>
  </tr>
  <tr>
    <td align="center" height="40">t</td>
    <td align="center" height="40">t</td>
  </tr>
  <tr>
    <td align="center" height="30">t</td>
    <td align="center" >t</td>
    <td align="center" >t</td>
    <td align="center" >t</td>
  </tr>
</table>

Как это?

1
Els den Iep 23 Фев 2016 в 15:20

colspan и rowspan отсутствовал в вашем коде.

<table border="1" style="border-collapse: collapse;">
  <tr>
    <td colspan=4 align="center">central text</td>
  </tr>
  <tr>
    <td colspan=2 align="center">col(1)</td>
    <td colspan=2 align="center">col(2)</td>
  </tr>
  <tr>
    <td align="center">text</td>
    <td align="center">text</td>
    <td rowspan=2 align="center">text</td>
    <td rowspan=2 align="center">text</td>
  </tr>
  </tr>
  <tr>
    <td align="center">text</td>
    <td align="center">text</td>
  </tr>
  <tr>
    <td align="center">text</td>
    <td align="center">text</td>
    <td align="center">text</td>
    <td align="center">text</td>
  </tr>
</table>
1
Julien Carsique 23 Фев 2016 в 15:32