Практическое руководство. Добавление и удаление элементов HTML-таблицы в Visual Web Developer
Обновлен: Ноябрь 2007
После создания таблицы можно добавить новые элементы, такие как строки, столбцы и ячейки. Также можно удалить существующие элементы.
Добавление таблицы
Выполните один из шагов, перечисленных в следующей таблице:
Тип таблицы
Этапы
Таблица с без содержимого и атрибутов
Из группы HTML панели элементов перетащите элемент Table на страницу.
Visual Studio создаст таблицу с трех строк и трех столбцов.
Таблица с атрибутами, которые указаны при ее создании
В меню Разметка выберите Добавить таблицу и укажите параметры таблицы и ячейки в диалоговом окне Вставить таблицу.
Добавление в таблицу строк, столбцов или ячеек
Выполните один из шагов, перечисленных в следующей таблице:
Элемент таблицы
Действия
Строка внутри таблицы
Поместите курсор в строку, следующую за той, в которую необходимо вставить новую строку; в меню Разметки выберите Вставка, Строка выше или Строка ниже.
—либо—
Щелкните правой кнопкой мыши в место вставки новой строки, нажмите Вставка, затем Строка выше или Строка ниже.
Строка в конце таблицы
Нажмите клавишу TAB в последней ячейке таблицы.
Столбец
Поместите курсор в столбец, следующий за тем, в который необходимо вставить новый столбец; в меню Разметки выберите Вставка, Столбец правее или Столбец левее.
-или-
Щелкните правой кнопкой мыши в место вставки нового столбца, нажмите Вставка, затем Столбец правее или Столбец левее.
Ячейка
Примечание.Редактор не запрещает создание таблицы с неравным числом ячеек в строках. Редактор не будет автоматически изменять расстояние между ячейками для того, чтобы вместить неравное число ячеек в других строках.Поместите курсор в ячейку, следующую за той, в которую необходимо вставить новую ячейку; в меню Разметки выберите Вставка, Ячейка правее или Ячейка левее.
-или-
Щелкните правой кнопкой мыши в место вставки новой ячейки, нажмите Вставка, затем Ячейка правее или Ячейка левее.
Добавление заголовка таблицы
Выберите таблицу, к которой требуется добавить заголовок.
В меню Разметки выберите Вставка, затем Заголовок.
Объединение ячеек таблицы
Можно скомбинировать, или объединить, ячейки для формирования столбцов или строк, которые охватывают другие столбцы. Например, в таблице с тремя столбцами можно объединить ячейки в верхней строке для формирования одной строки, которая охватывает все три столбца.
Для объединения ячеек таблицы:
Выделите ячейки таблицы, которые требуется объединить. Дополнительные сведения см. в разделе Практическое руководство. Выделение элементов таблицы HTML и содержимого в Visual Web Developer.
Примечание. Можно объединить ячейки таблицы, только если выделенные ячейки образуют прямоугольник.
В меню Разметки выберите Объединить ячейки.
-или-
Щелкните правой кнопкой мыши выделенные ячейки таблицы и нажмите кнопку Объединить ячейки.
Ячейки объединяются в одну ячейку с соответствующим атрибутом colspan или rowspan, добавляемым в разметку.
Удаление элементов таблицы
Удаление любого элемента из таблицы окончательно удаляет его из страницы.
Чтобы удалить таблицу:
В меню Разметки выберите Удалить, затем Таблица.
-или-
Выберите таблицу и нажмите клавишу DELETE.
Чтобы удалить строку или столбец из таблицы:
Поместите курсор в строку или столбец, который требуется удалить. При удалении ячейки выделите ячейку или ячейки, которые требуется удалить. Дополнительные сведения см. в разделе Практическое руководство. Выделение элементов таблицы HTML и содержимого в Visual Web Developer.
В меню Разметки выберите Удалить, затем выберите Строка или Столбец.
-или-
Кроме того, можно выделить строку или столбец таблицы, который требуется удалить, и нажать клавишу BACKSPACE.
Чтобы удалить ячейки таблицы:
Щелкните ячейку таблицы или ячейки, которые требуется удалить. Дополнительные сведения см. в разделе Практическое руководство. Выделение элементов таблицы HTML и содержимого в Visual Web Developer.
В меню Разметки выберите Удалить, затем Ячейки.
-или-
Кроме того, можно выделить ячейку или ячейки таблицы, которые требуется удалить, и нажать клавишу BACKSPACE.
См. также
Задачи
Практическое руководство. Выделение элементов таблицы HTML и содержимого в Visual Web Developer
Практическое руководство. Изменение размеров элементов таблицы HTML в Visual Web Developer