Логотип schoolsw3.com
Учебники Справочники Упражнения КАК? Меню
Редактор Поддержка Форум

×
Учебники
Справочники
Упражнения
Пожертвовать Обновление Реклама Видео Магазин

HTML Учебник


HTML Формы


HTML Графика


HTML Медиа


HTML APIы


HTML Примеры


HTML Справочники



HTML Таблицы диапазон столбцов и строк



HTML таблицы могут содержать ячейки, охватывающие несколько строк и/или столбцов.


NAME  
     
     
     
     
APRIL    
   
   
     
     
2022
     
FIESTA  
 
     

Диапазон столбцов

Чтобы сделать ячейку охватывающей несколько столбцов, используйте атрибут colspan:

Пример
<table>
  <tr>
    <th colspan="2">Имя</th>
    <th>Год</th>
  </tr>
  <tr>
    <td>Андрей</td>
    <td>Щипунов</td>
    <td>43</td>
  </tr>
  <tr>
    <td>Татьяна</td>
    <td>Щипунова</td>
    <td>57</td>
  </tr>
</table>
Попробуйте сами »

Примечание: Значение атрибута colspan представляет количество столбцов, которые необходимо охватить.


Диапазон строк

Чтобы сделать ячейку охватывающей несколько строк, используйте атрибут rowspan:

Пример
<table>
  <tr>
    <th>Имя</th>
    <td>Андрей</td>
  </tr>
  <tr>
    <th rowspan="2">Телефон</th>
    <td>8-908-25-29-608</td>
  </tr>
  <tr>
    <td>8-908-25-29-608</td>
</tr>
</table>
Попробуйте сами »

Примечание: Значение атрибута rowspan представляет количество строк, которые необходимо охватить.



HTML Упражнения

Проверьте себя с помощью Упражнений

Упражнение:

Используйте правильный атрибут HTML, чтобы первый элемент занимал два столбца.

<table>
  <tr>
    <th >Имя</th>
    <th>Год</th>
  </tr>
  <tr>
    <td>Андрей</td>
    <td>Щипунов</td>
    <td>50</td>
  </tr>
  <tr>
    <td>Татьяна</td>
    <td>Щипунова</td>
    <td>94</td>
  </tr>
</table>