Wie mache ich das folgende HTML

-9

Ich füge einen Screenshot. Ich möchte HTML dafür machen. Bitte helfen Sie für meine htmlWie mache ich das folgende HTML

<table style="width:100%"> 
 
    <tr> 
 
    <th>Firstname</th> 
 
    <th>Lastname</th> 
 
    <th>Age</th> 
 
    </tr> 
 
    <tr> 
 
    <td>Jill</td> 
 
    <td>Smith</td> 
 
    <td>50</td> 
 
    </tr> 
 
    <tr> 
 
    <td>Eve</td> 
 
    <td>Jackson</td> 
 
    <td>94</td> 
 
    </tr> 
 
</table>

I Tisch wollen mit Säulen wie folgt

Quelle

2017-09-11 user7441072

Haben Sie schon von einem Dinge genannt 'colspan' und' rowspan '? – TZHX

Fügen Sie einige CSS hinzu, die Sie versucht haben. Und dein Titel ist überhaupt nicht klar. Lesen Sie https://StackOverflow.com/Help/how-to-ask – user5014677

Es wird erwartet, dass Sie zumindest versuchen, dies für sich selbst zu programmieren. Stack Overflow ist kein Code-Schreibdienst. Ich würde vorschlagen, dass Sie einige [** zusätzliche Forschung **] (http://meta.stackoverflow.com/questions/261592/how-much-research-effort-is-sected-of-stack-overflow-users) tun entweder über Google oder durch die Suche nach SO, versuchen und. Wenn Sie immer noch Probleme haben, kommen Sie zurück mit ** Ihrem Code ** und erklären Sie, was Sie versucht haben. –

Sie rowspan und colspan für Kopfzeilen verwenden können. Ruhe sind einfach tr und td.

<table border="1"> 
 
\t <tr> 
 
\t <td rowspan="2">A</td> 
 
\t <td colspan="2">B</td> 
 
\t <td colspan="2">C</td> 
 
\t </tr> 
 
\t <tr> 
 
\t <td>D</td> 
 
\t <td>E</td> 
 
\t <td>F</td> 
 
\t <td>G</td> 
 
\t </tr> 
 
\t <tr> 
 
\t <td>ROW1 - A</td> 
 
\t <td>ROW1 - B</td> 
 
\t <td>ROW1 - C</td> 
 
\t <td>ROW1 - D</td> 
 
\t <td>ROW1 - E</td> 
 
\t </tr> 
 
\t <tr> 
 
\t <td>ROW2 - A</td> 
 
\t <td>ROW2 - B</td> 
 
\t <td>ROW2 - C</td> 
 
\t <td>ROW2 - D</td> 
 
\t <td>ROW2 - E</td> 
 
\t </tr> 
 
\t </table>

Quelle

2017-09-11 10:57:58 Amit

danke, ich habe es gut – user7441072

können Sie HTML zu formatieren, wie Sie benötigen, auch einige CSS für Ihre Grenzen verwenden:

<style> 
table, th, td { 
border: 2px solid black; 
border-collapse: collapse; 
} 
</style> 
<table border="1"> 
    <tr> 
    <td rowspan="2">A</td> 
    <td colspan="2">B</td> 
    <td colspan="2">C</td> 
    </tr> 
    <tr> 
    <td>D</td> 
    <td>E</td> 
    <td>F</td> 
    <td>G</td> 
    </tr> 
    <tr> 
    <td>ROW1 - 1A</td> 
    <td>ROW1 - 1B</td> 
    <td>ROW1 - 1C</td> 
    <td>ROW1 - 1D</td> 
    <td>ROW1 - 1E</td> 
    </tr> 
    <tr> 
    <td>ROW2 - 2A/td> 
    <td>ROW2 - 2B</td> 
    <td>ROW2 - 2C</td> 
    <td>ROW2 - 2D</td> 
    <td>ROW2 - 2E</td> 
    </tr> 
</table>

Quelle

2017-09-11 11:07:16

Vielen Dank Prashant – user7441072

Willkommen @ user7441072 –

Wie mache ich das folgende HTML

Antwort

Verwandte Themen