HTML - テーブルのセルサイズ

Question

enter code hereこれは初めてのHTMLプロジェクトです。その中で私はテーブルを作成しなければなりません。しかし、それはまったく同じではありません。ここで私が持っているもの：

<table> 
    <tr> 
     <td>1</td> 
     <td>Thunder Road</td> 
     <td>4:47</td> 
    </tr> 
    <tr> 
     <td>2</td> 
     <td>10th Avenue Freeze Out</td> 
     <td>3:10</td> 
    </tr> 
    <tr> 
     <td>3</td> 
     <td>Night</td> 
     <td>3:00</td> 
    </tr> 
    <tr> 
     <td>4</td> 
     <td>Backstreet</td> 
     <td>6:29</td> 
    </tr> 
    <tr> 
     <td>5</td> 
     <td>Born To Run</td> 
     <td>4:29</td> 
    </tr> 
    <tr> 
     <td>6</td> 
     <td>She's The One</td> 
     <td>4:29</td> 
    </tr> 
    <tr> 
     <td>7</td> 
     <td>Meeting Across The River</td> 
     <td>3:15</td> 
    </tr> 
    <tr> 
     <td>8</td> 
     <td>Jungleland</td> 
     <td>9:33</td> 
    </tr> 
</table> 

は、私がそのセルに非常に緊密に座って数字をリストアップトラックを取得するにはどうすればよいthis

のように見えることになっていますか？私はcolspanとrowspanを試しましたが、それを快適に座らせることはできません。

また、私は上記のHTMLでテーブルヘッダーをインクルードしていませんが、持っています。ヘッダーの下に2つのテーブルヘッダーがありますが、3つの列があります。リンクされた写真のように、どうやって一緒にうまく座ることができますか？私のようなものではありませんか？

ありがとうございます！

Answer 1

わかりました。 HTMLが必要です。

<table border="1"> 

    <tr> 
     <td colspan="2">Bruce Springsteen<br>Born To Run</td> 
     <td><img src="https://upload.wikimedia.org/wikipedia/en/7/7a/Born_to_Run_(Front_Cover).jpg"></td> 
    </tr> 
    <tr> 
     <td>1</td> 
     <td>Thunder Road</td> 
     <td>4:47</td> 
    </tr> 
    <tr> 
     <td>2</td> 
     <td>10th Avenue Freeze Out</td> 
     <td>3:10</td> 
    </tr> 
    <tr> 
     <td>3</td> 
     <td>Night</td> 
     <td>3:00</td> 
    </tr> 
    <tr> 
     <td>4</td> 
     <td>Backstreet</td> 
     <td>6:29</td> 
    </tr> 
    <tr> 
     <td>5</td> 
     <td>Born To Run</td> 
     <td>4:29</td> 
    </tr> 
    <tr> 
     <td>6</td> 
     <td>She's The One</td> 
     <td>4:29</td> 
    </tr> 
    <tr> 
     <td>7</td> 
     <td>Meeting Across The River</td> 
     <td>3:15</td> 
    </tr> 
    <tr> 
     <td>8</td> 
     <td>Jungleland</td> 
     <td>9:33</td> 
    </tr> 
</table> 

JSFiddleでテストすることもできます。

<td>には、「Bruce Springsteen ...」と書かれた鍵がcolspan="2"に追加されました。つまり、このセルは2つの列の代わりに使用されます。

これはあなたを助けました。それがあなたを助けたら、あなたは私の答えを受け入れてアップヴォートすることができます。ありがとう！