Как объединить или объединить ячейки в таблице HTML

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

HTML-тег (данные таблицы). Например, в приведенном ниже коде есть таблица с тремя строками и тремя столбцами.

Если бы мы хотели объединить первые две ячейки в одну ячейку, мы могли бы использовать атрибут colspan = «2» в первой

тег. Число представляет, сколько ячеек вы хотите использовать для

тег.

Пример таблицы HTML

   
     
     

Приведенный выше код, отображаемый в веб-браузере, создает таблицу, аналогичную приведенной ниже. Как видите, первая ячейка занимает ширину двух столбцов.

Чтобы использовать все три ячейки в верхней части таблицы, увеличьте значение colspan до 3, поскольку имеется три столбца. Увеличение значения до 3 дает вам таблицу, похожую на пример, показанный ниже.

Заметка

Убедитесь, что при расширении

столбец, который вы удалите все оставшиеся

тег. В приведенном выше примере, поскольку мы используем все три столбца, у нас есть только один

в

(строка таблицы).

Слияние ячеек с помощью редактора WYSIWYG

Вы также можете использовать редактор WYSIWYG для объединения ячеек. Чтобы объединить ячейку в редакторе WYSIWYG, выделите две или более ячеек, щелкнув правой кнопкой мыши ячейки и выбрав параметр объединения ячеек. Ниже приведены дополнительные шаги, как это сделать в Dreamweaver и Expression Web.

Слияние ячеек с помощью Dreamweaver

  1. Выделите две или более ячейки в вашей таблице.
  2. Щелкните правой кнопкой мыши по выделенным ячейкам.
  3. Нажмите Таблица и затем Объедините ячейки.

или

  1. Выделите две или более ячейки в вашей таблице.
  2. Нажмите сочетание клавиш Alt + Ctrl + M.

Слияние ячеек с помощью Expression Web

  1. Выделите две или более ячейки в вашей таблице.
  2. Щелкните правой кнопкой мыши по выделенным ячейкам.
  3. Нажмите «Изменить», а затем «Объединить ячейки».
Ссылка на основную публикацию
Adblock
detector