HTML. Таблица заголовок

120

06 января 2021, 02:10

Использую таблицу для вывода данных. У меня есть 4 заголовка в виде

<tr>
<th>Урок</th>
<th>Класс</th>
<th>Предмет</th>
<th>Кабинет</th>
</tr>

Как сделать так, чтобы над ними всеми был еще один заголовок ДНЯ НЕДЕЛИ.

Answer 1

Я не уверен, что так писать законно, но вряд ли разметочная полиция арестует. Всю магию делает colspan="4", который указывает, сколько столбиков под (над) собой будет объединять указанный блок.

/* ненужная декорация */ 
.table {border-collapse: collapse; background-color: #223148;} 
 
.table th {color: #d3b167; padding: 4px 20px;} 
.table td { 
  color: #ddd;  
  border: 1px solid #65a1a9;  
  padding: 4px; 
} 
 
th.day { color: orange; font-size: 20px; }

<table class="table"> 
  <tr><th class="day" colspan="4">• Понедельник •</th></tr> 
  <tr> 
    <th>Урок</th> 
    <th>Класс</th> 
    <th>Предмет</th> 
    <th>Кабинет</th> 
  </tr> 
  <tr> 
    <td>111</td> 
    <td>111</td> 
    <td>111</td> 
    <td>111</td> 
  </tr> 
</table>