Ich habe ein Tabellenformat. Ich möchte es in HTML konvertieren

-2

Ich bin nicht viel vertraut mit HTML-Design. Ich versuche, eine HTML-Tabelle wie in einem gegebenen Bild zu bekommen. jemand hat Verstand, mir zu helfen, dann bitte helfen Sie. Ich habe ein Tabellenformat. Ich möchte es in HTML konvertieren

i mit einigen gestartet code.but keine Hilfe HTML

<html> 
<body > 
    <table border=1 width="100%"> 
     <tr> 
      <td colspan=2 align="center"> 
       Cost Analysis Report 
      </td> 
     </tr> 
     <tr> 
      <td align="center"> 
       Purchase 
      </td> 
      <td align="center"> 
       Sales 
      </td> 
     </tr> 
    </table> 
</body> 
</html>

Quelle

2017-08-23 user7441072

Es gibt viele Tabellengeneratoren online, hier ist eine, die definitiv helfen würde: http://www.tablesgenerator.com/html_tables. –

Und was ist deine Frage/Problem? In Ihrem Beispiel verwenden Sie bereits 'colspan'. Was ist das Problem, wenn Sie dies in der großen Tabelle verwenden? –

.. * 23 ...' –

Antwort

Hier ist die Struktur. Fühlen Sie sich frei, das Design, die Farbe und den Wert jeder Zelle individuell anzupassen.

<table border=1 width="100%"> 
<tr> 
    <td colspan="23"><center>Cost Analysis</center></td> 
</tr> 
<tr> 
    <td colspan="10"><center>Purchase</center></td> 
    <td colspan="10"><center>Sales</center></td> 
    <td colspan="3"><center>Tax</center></td> 
</tr> 
<tr> 
    <td><center>1</center></td> 
    <td><center>2</center></td> 
    <td><center>3</center></td> 
    <td><center>4</center></td> 
    <td><center>5</center></td> 
    <td><center>6</center></td> 
    <td><center>7</center></td> 
    <td><center>8</center></td> 
    <td><center>9</center></td> 
    <td><center>10</center></td> 
    <td><center>11</center></td> 
    <td><center>12</center></td> 
    <td><center>13</center></td> 
    <td><center>14</center></td> 
    <td><center>15</center></td> 
    <td><center>16</center></td> 
    <td><center>17</center></td> 
    <td><center>18</center></td> 
    <td><center>19</center></td> 
    <td><center>20</center></td> 
    <td><center>21</center></td> 
    <td><center>22</center></td> 
    <td><center>23</center></td> 
</tr> 
<tr> 
    <td><center>1</center></td> 
    <td><center> </center></td> 
    <td><center> </center></td> 
    <td><center> </center></td> 
    <td><center> </center></td> 
    <td><center> </center></td> 
    <td><center> </center></td> 
    <td><center> </center></td> 
    <td><center> </center></td> 
    <td><center> </center></td> 
    <td><center> </center></td> 
    <td><center> </center></td> 
    <td><center> </center></td> 
    <td><center> </center></td> 
    <td><center> </center></td> 
    <td><center> </center></td> 
    <td><center> </center></td> 
    <td><center> </center></td> 
    <td><center> </center></td> 
    <td><center> </center></td> 
    <td><center> </center></td> 
    <td><center> </center></td> 
    <td><center> </center></td> 
</tr> 
<tr> 
    <td><center>1</center></td> 
    <td><center> </center></td> 
    <td><center> </center></td> 
    <td><center> </center></td> 
    <td><center> </center></td> 
    <td><center> </center></td> 
    <td><center> </center></td> 
    <td><center> </center></td> 
    <td><center> </center></td> 
    <td><center> </center></td> 
    <td><center> </center></td> 
    <td><center> </center></td> 
    <td><center> </center></td> 
    <td><center> </center></td> 
    <td><center> </center></td> 
    <td><center> </center></td> 
    <td><center> </center></td> 
    <td><center> </center></td> 
    <td><center> </center></td> 
    <td><center> </center></td> 
    <td><center> </center></td> 
    <td><center> </center></td> 
    <td><center> </center></td> 
</tr> 
<tr> 
    <td><center>1</center></td> 
    <td><center> </center></td> 
    <td><center> </center></td> 
    <td><center> </center></td> 
    <td><center> </center></td> 
    <td><center> </center></td> 
    <td><center> </center></td> 
    <td><center> </center></td> 
    <td><center> </center></td> 
    <td><center> </center></td> 
    <td><center> </center></td> 
    <td><center> </center></td> 
    <td><center> </center></td> 
    <td><center> </center></td> 
    <td><center> </center></td> 
    <td><center> </center></td> 
    <td><center> </center></td> 
    <td><center> </center></td> 
    <td><center> </center></td> 
    <td><center> </center></td> 
    <td><center> </center></td> 
    <td><center> </center></td> 
    <td><center> </center></td> 
</tr> 
<tr> 
    <td><center>1</center></td> 
    <td><center> </center></td> 
    <td><center> </center></td> 
    <td><center> </center></td> 
    <td><center> </center></td> 
    <td><center> </center></td> 
    <td><center> </center></td> 
    <td><center> </center></td> 
    <td><center> </center></td> 
    <td><center> </center></td> 
    <td><center> </center></td> 
    <td><center> </center></td> 
    <td><center> </center></td> 
    <td><center> </center></td> 
    <td><center> </center></td> 
    <td><center> </center></td> 
    <td><center> </center></td> 
    <td><center> </center></td> 
    <td><center> </center></td> 
    <td><center> </center></td> 
    <td><center> </center></td> 
    <td><center> </center></td> 
    <td><center> </center></td> 
</tr> 
<tr> 
    <td><center>1</center></td> 
    <td><center> </center></td> 
    <td><center> </center></td> 
    <td><center> </center></td> 
    <td><center> </center></td> 
    <td><center> </center></td> 
    <td><center> </center></td> 
    <td><center> </center></td> 
    <td><center> </center></td> 
    <td><center> </center></td> 
    <td><center> </center></td> 
    <td><center> </center></td> 
    <td><center> </center></td> 
    <td><center> </center></td> 
    <td><center> </center></td> 
    <td><center> </center></td> 
    <td><center> </center></td> 
    <td><center> </center></td> 
    <td><center> </center></td> 
    <td><center> </center></td> 
    <td><center> </center></td> 
    <td><center> </center></td> 
    <td><center> </center></td> 
</tr> 
</table>

Quelle

2017-08-23 06:43:53 jhek

wie die Divisionen das Gefühl von Linien machen können? – user7441072

Sie meinen die Farbe der Grenze? oder die Breite? – jhek

geholfen – user7441072

Lassen Sie mich, wenn die Arbeit Sie wissen completed.please.

<table border=1 width="100%"> 
 
     <tr> 
 
      <td colspan=24 align="center"> 
 
       Cost Analysis Report 
 
      </td> 
 
     </tr> 
 
     <tr> 
 
      <td colspan=8 align="center"> 
 
       Purchase 
 
      </td> 
 
      <td colspan=8 align="center"> 
 
       Sales 
 
      </td> 
 
      <td colspan=8 align="center"> 
 
       Tax 
 
      </td> 
 
     </tr> 
 
     <tr> 
 
      <td align="center"> 
 
       1 
 
      </td> 
 
      <td align="center"> 
 
       1 
 
      </td> 
 
      <td align="center"> 
 
       1 
 
      </td> 
 
      <td align="center"> 
 
       1 
 
      </td> 
 
      <td align="center"> 
 
       1 
 
      </td> 
 
      <td align="center"> 
 
       1 
 
      </td> 
 
      <td align="center"> 
 
       1 
 
      </td> 
 
      <td align="center"> 
 
       1 
 
      </td> 
 
      <td align="center"> 
 
       2 
 
      </td> 
 
      <td align="center"> 
 
       2 
 
      </td> 
 
      <td align="center"> 
 
       2 
 
      </td> 
 
      <td align="center"> 
 
       2 
 
      </td> 
 
      <td align="center"> 
 
       2 
 
      </td> 
 
      <td align="center"> 
 
       2 
 
      </td> 
 
      <td align="center"> 
 
       2 
 
      </td> 
 
      <td align="center"> 
 
       2 
 
      </td> 
 
      <td align="center"> 
 
       3 
 
      </td> 
 
      <td align="center"> 
 
       3 
 
      </td> 
 
      <td align="center"> 
 
       3 
 
      </td> 
 
     </tr> 
 
    </table>

Quelle

2017-08-23 06:36:35 Roy

<html> 
    <body > 
    <table border=1 width="100%"> 
    <thead> 
    <tr> 
     <th colspan="23" align="center"> 
      Cost Analysis Report 
     </th> 
    </tr> 
    <tr> 
     <th colspan="10" align="center"> 
      Purchase 
     </th> 
     <th colspan="10" align="center"> 
      Sales 
     </th> 
     <th colspan="3" align="center"> 
      Tax 
     </th> 
    </tr> 
    </thead> 
    <tbody> 
    <tr> 
     <td align="center"> 
      id 
     </td> 
     <td align="center"> 

     </td> 
     <td align="center"> 

     </td> 
     <!--just continue--> 
    </tr> 
    </tbody> 
    </table> 
    </body> 
    </html>

Quelle

2017-08-23 06:37:54 bdalina

kann diese Grenze wie Linien ändern? – user7441072

ja, verwenden Sie css – bdalina

geholfen – user7441072

Verwandte Themen