HTML атрибут colspan

Атрибут HTML colspan указывает, сколько столбцов должна занимать ячейка таблицы. Значение должно быть положительным целым числом. Этот атрибут позволяет одной ячейке таблицы занимать ширину более чем одного столбца или ячейки. Он обладает той же функциональностью, что и «объединение ячеек» в Excel.

Вы можете использовать атрибут colspan для элементов <td> и <th>.

Когда атрибут colspan применяется к тегу <td>, он определяет количество стандартных ячеек, которые он должен занимать. При использовании для тега <th> атрибут colspan указывает количество ячеек заголовка, которые он должен занимать.

Синтаксис

Синтаксис атрибута HTML colspan

html

<tag colspan="value">&lt;/tag&gt;

Пример использования атрибута HTML colspan для элемента `<td>`:

Пример использования атрибута HTML colspan для элемента <td>

html

<!DOCTYPE html>
<html>
  <head>
    <title>Title of the document</title>
  </head>
  <body>
    <table border="1">
      <tr>
        <th>Month</th>
        <th>Salary</th>
      </tr>
      <tr>
        <td>March</td>
        <td>$100</td>
      </tr>
      <tr>
        <td>April</td>
        <td>$150</td>
      </tr>
      <tr>
        <td colspan="2">Total: $250</td>
      </tr>
    </table>
  </body>
</html>

Try it Yourself »

Пример использования атрибута HTML colspan для элемента `<th>`:

Пример использования атрибута HTML colspan для элемента <th>

html

<!DOCTYPE html>
<html>
  <head>
    <title>Title of the document</title>
  </head>
  <body>
    <table border="1">
      <tr>
        <th colspan="2">Month and Date</th>
      </tr>
      <tr>
        <td>January</td>
        <td>15</td>
      </tr>
      <tr>
        <td>February</td>
        <td>23</td>
      </tr>
    </table>
  </body>
</html>

Try it Yourself »

Практика

Какова основная цель атрибута HTML colspan?

Он делает заголовки таблицы жирными.Он изменяет цвет ячеек таблицы.Он указывает, сколько столбцов должна занимать ячейка по горизонтали.Он указывает, сколько строк должна занимать ячейка по вертикали.Он выравнивает текст внутри ячеек таблицы.

HTML атрибут colspan ​

Синтаксис ​

Пример использования атрибута HTML colspan для элемента <td>: ​

Пример использования атрибута HTML colspan для элемента <th>: ​

Практика ​

HTML атрибут colspan

Синтаксис

Пример использования атрибута HTML colspan для элемента `<td>`:

Пример использования атрибута HTML colspan для элемента `<th>`:

Практика