Практическое руководство. Добавление и удаление элементов HTML-таблицы в Visual Web Developer

Visual Studio 2010

Обновлен: Ноябрь 2007

После создания таблицы можно добавить новые элементы, такие как строки, столбцы и ячейки. Также можно удалить существующие элементы.

Добавление таблицы

  • Выполните один из шагов, перечисленных в следующей таблице:

    Тип таблицы

    Этапы

    Таблица с без содержимого и атрибутов

    • Из группы HTML панели элементов перетащите элемент Table на страницу.

      Visual Studio создаст таблицу с трех строк и трех столбцов.

    Таблица с атрибутами, которые указаны при ее создании

    • В меню Разметка выберите Добавить таблицу и укажите параметры таблицы и ячейки в диалоговом окне Вставить таблицу.

Добавление в таблицу строк, столбцов или ячеек

  • Выполните один из шагов, перечисленных в следующей таблице:

    Элемент таблицы

    Действия

    Строка внутри таблицы

    • Поместите курсор в строку, следующую за той, в которую необходимо вставить новую строку; в меню Разметки выберите Вставка, Строка выше или Строка ниже.

      —либо—

      Щелкните правой кнопкой мыши в место вставки новой строки, нажмите Вставка, затем Строка выше или Строка ниже.

    Строка в конце таблицы

    • Нажмите клавишу TAB в последней ячейке таблицы.

    Столбец

    • Поместите курсор в столбец, следующий за тем, в который необходимо вставить новый столбец; в меню Разметки выберите Вставка, Столбец правее или Столбец левее.

      -или-

      Щелкните правой кнопкой мыши в место вставки нового столбца, нажмите Вставка, затем Столбец правее или Столбец левее.

    Ячейка

    8968252c.alert_note(ru-ru,VS.100).gifПримечание.
    Редактор не запрещает создание таблицы с неравным числом ячеек в строках. Редактор не будет автоматически изменять расстояние между ячейками для того, чтобы вместить неравное число ячеек в других строках.
    • Поместите курсор в ячейку, следующую за той, в которую необходимо вставить новую ячейку; в меню Разметки выберите Вставка, Ячейка правее или Ячейка левее.

      -или-

      Щелкните правой кнопкой мыши в место вставки новой ячейки, нажмите Вставка, затем Ячейка правее или Ячейка левее.

Добавление заголовка таблицы

  1. Выберите таблицу, к которой требуется добавить заголовок.

  2. В меню Разметки выберите Вставка, затем Заголовок.

Можно скомбинировать, или объединить, ячейки для формирования столбцов или строк, которые охватывают другие столбцы. Например, в таблице с тремя столбцами можно объединить ячейки в верхней строке для формирования одной строки, которая охватывает все три столбца.

Для объединения ячеек таблицы:

  1. Выделите ячейки таблицы, которые требуется объединить. Дополнительные сведения см. в разделе Практическое руководство. Выделение элементов таблицы HTML и содержимого в Visual Web Developer.

    8968252c.alert_note(ru-ru,VS.100).gifПримечание.

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

  2. В меню Разметки выберите Объединить ячейки.

    -или-

    Щелкните правой кнопкой мыши выделенные ячейки таблицы и нажмите кнопку Объединить ячейки.

    Ячейки объединяются в одну ячейку с соответствующим атрибутом colspan или rowspan, добавляемым в разметку.

Удаление любого элемента из таблицы окончательно удаляет его из страницы.

Чтобы удалить таблицу:

  • В меню Разметки выберите Удалить, затем Таблица.

    -или-

    Выберите таблицу и нажмите клавишу DELETE.

Чтобы удалить строку или столбец из таблицы:

  1. Поместите курсор в строку или столбец, который требуется удалить. При удалении ячейки выделите ячейку или ячейки, которые требуется удалить. Дополнительные сведения см. в разделе Практическое руководство. Выделение элементов таблицы HTML и содержимого в Visual Web Developer.

  2. В меню Разметки выберите Удалить, затем выберите Строка или Столбец.

    -или-

    Кроме того, можно выделить строку или столбец таблицы, который требуется удалить, и нажать клавишу BACKSPACE.

Чтобы удалить ячейки таблицы:

  1. Щелкните ячейку таблицы или ячейки, которые требуется удалить. Дополнительные сведения см. в разделе Практическое руководство. Выделение элементов таблицы HTML и содержимого в Visual Web Developer.

  2. В меню Разметки выберите Удалить, затем Ячейки.

    -или-

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

Показ: