Wie behebe ich diesen HTML-Code, um die erforderliche Tabelle zu erstellen?

Ich muss eine Tabelle mit dem Tabellenelement in HTML erstellen. Die Tabelle sollte wie folgt aussehen:Wie behebe ich diesen HTML-Code, um die erforderliche Tabelle zu erstellen?

Aber im Moment sieht mein Tisch so aus: My Table image Ich habe versucht, es mehrmals zu beheben. aber ich kann es einfach nicht herausfinden. hat auch meinen HTML-Code. Bitte helfen

<!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>

Quelle

2016-03-29 ASlyWolf

Sie haben dort keine Tabellendaten, Sie sollten also keine Tabelle verwenden. Wir haben CSS seit fast zwei Jahrzehnten, es ist das richtige Werkzeug für das Layout im WWW. – Quentin

Verwenden Sie nur Tabellen, wenn es sich um Tabellendaten handelt! Erstellen Sie stattdessen das Layout mit divs. Vielleicht so etwas wie http://www.w3schools.com/html/html_layout.asp –

Die folgenden HTML-Code eine Tabelle wie folgt creats:

<!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>

Was Sie ändern müssen:

colspan für die „Anzeige Space“ Set
Move „Blog Links“ auf der gleichen Zeile wie „Haupt Inhaltsbereich“

Obwohl ich sagen muss, dass Tische sind absolut nicht dem Stand der Technik, wenn es kommt zur Gestaltung eines Website-Layouts. <table> wird verwendet, um Daten anzuzeigen (wie eine Liste oder, na ja, eine Tabelle). <div> und <span> sollte verwendet werden, um ein Layout auf eine Website anzuwenden

Quelle

2016-03-29 13:48:16 GuyMontag

Genau richtig mit:

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

Side Kommentar: Sie scheinen den Aufbau der Layout der Seite Tabellen mit HTML werden. Schlechte Idee, read this.

Auch HTML-Attribute, um korrekt zu sein, erfordern Anführungszeichen, dh <elem attrib="value">

Quelle

2016-03-29 13:47:14 kebs

Schließen Sie Ihren Tisch:

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

Quelle

2016-03-29 13:48:09

Geben Sie das Menü rowspan 4 und ändern Sie entsprechend.

Quelle

2016-03-29 13:49:32

Wie behebe ich diesen HTML-Code, um die erforderliche Tabelle zu erstellen?

Antwort

Verwandte Themen