HTMLテーブルの作成

Question

HTMLを使って画像に示すようなテーブルを作成したいと思います。実行する方法？

Answer 1

ユーザーcolspan="3"属性が2つ必要です。 w3schools

th, td { 
 
    background: #ddd; 
 
    padding: 2px; 
 
}

<table> 
 
    <tr> 
 
    <th>&nbsp;</th> 
 
    <th>9AM</th> 
 
    <th>10AM</th> 
 
    <th>11AM</th> 
 
    <th>12AM</th> 
 
    </tr> 
 
    <tr> 
 
    <td>Mon day</td> 
 
    <td colspan="2">1</td> 
 
    <td>2</td> 
 
    <td>3</td> 
 

 
    </tr> 
 

 

 
    <tr> 
 
    <td>tuesDay</td> 
 
    <td scope="col" colspan="3">&nbsp;</td> 
 
    <!-- The following two cells will appear under the same header --> 
 
    <td>Col 1</td> 
 

 
    </tr> 
 
</table>