Таблица

Шаг 1

Чтобы вставить таблицу в текст редактора, разместите курсор в нужном месте рабочей области, а затем воспользуйтесь меню "Таблицы" на рабочей панели

 

phpBFLCqW

Шаг 2. Свойства таблицы

Откроется окно вставки таблицы. На вкладке "Свойства таблицы" Вам будут доступны следующие параметры:

  • Строки - количество строк в таблице.
  • Колонки - количество столбцов в таблице.
  • Ширина и высота -  по умолчанию меняются в зависимости от размеров их содержимого, но Вы можете указать высоту и ширину таблицы в пикселах или в процентах относительно свободного пространства
  • Заголовки - позволяет выбрать расположение заголовков таблицы; к ячейкам с заголовками применяется специальное форматирование. 
  • Размер границ - толщина границы таблицы в пикселях.
  • Внешний отступ ячеек - пространство между отдельными ячейками в пикселях..
  • Внутренний отступ ячеек - расстояние между границей ячейки и ее содержимым в пикселях.
  • Выравнивание - Вы можете выровнять таблицу: по левой стороне, по центру, по правой стороне.
  • Заголовок - метка таблицы, которая отображается в верхней части.
  • Итоги - краткое изложение содержания таблицы, которое доступно для вспомогательных устройств, таких как программа чтения с экрана.

phpcyuxWd

Шаг 3. Дополнительные свойства таблицы

Вкладка "Дополнительно" позволяет настроить дополнительные параметры таблицы: присвоить идентификатор, указать направление текста или свойства CSS стиля.

На вкладке расположены элементы: 

  • Идентификатор - уникальный идентификатор для элемента таблицы в документе (атрибут id).
  • Направление текста - направление текста в таблице: слева направо (LTR) или справа налево (RTL) (атрибут dir).
  • Классы CSS - класс элемента таблицы (атрибут class).  Отдельные имена классов указыватся через пробел.
  • Стиль - CSS стили (атрибут style). Каждое значение должно заканчиваться точкой с запятой и индивидуальные свойства должны быть разделены пробелами.
  • Фоновое изображение - URL адрес картинки (из раздела "Иллюстрации")/
  • Позиция фона - позиция фонового изображения в таблице (слева сверху, слева в центре, слева снизу и проч.).
  • Повтор фона - порядок повторения фонового изображения (горизонтально, вертикально, без повтора).
  • Привязка фона - порядок отображения фоновой картинки при скролле страницы (прокручивать со страницей, фиксировать, прокрутка с элементом). 
  • Цвет фона - код цвета фонового изображения с возможностью выбора из палитры цветов. 

php0X1r0f

 

 

 

Шаг 4. Редактирование вставленной таблицы

Чтобы внести изменения в уже вставленную таблиц:

  1. Установите курсор в одну из ячеек,
  2. Нажмите на правую кнопку мыши,
  3. Выберите необходимую операцию.

Вам будут доступны следующие операции:

  • Вставить - простая вставка скопированной в буфер информации.
  • Ячейка - 
    • Вставить ячейку слева/справа - позволяет добавить ячейку слева/справа от той, в которой установлен курсор.
    • Удалить ячейки - позволяет удалить ячейку, в которой установлен курсор.
    • Объединить ячейки - доступна только в случае, если перед нажатием на правую кнопку мыши Вы выделили две или более ячеек в таблице. "Склеивает" ячейку в одну.
    • Объединить с правой/нижней - "склеивает" выделенную ячейку с ячейкой справа/снизу от нее.
    • Разделить ячейку по вертикали/горизонтали - "разбивает" ячейку на две по вертикали или горизонтали.
    • Свойства ячейки - позволяет перейти к редактированию настроек выделенной ячейки (ширина, высота, цвет, выравнивание и т.д. - подробнее о настройках ячейки смотрите ниже).
  • Строка - 
    • Вставить строку сверху/снизу - позволяет вставить строку над/под выделенной.
    • Удалить строку - позволяет удалить всю строку.
  • Колонка - 
    • Вставить колонку слева/справа - позволяет вставить столбцей слева/справа от выделенного.
    • Удалить колонку - позволяет удалить весь столбец.
  • Удалить таблицу - позволяет удалить всю таблицу.
  • Свойства таблицы - позволяет перейти к свойства таблицы, описанным выше.

Шаг 4.1. Свойства ячейки

Если Вы перешли к редактированию вставленной ячейки и выбрали "Ячейка" - "Свойства ячейки", Вам будут доступны следующие настройки:

  • Какие ячейки обновлять - в самом верхнем списке окна Вы можете выбрать режим:
    • Обновить текущую ячейку - изменения будут применены только к той ячейке, в которую Вы установили курсор.
    • Обновить все ячейки в строке - изменения будут применены ко всем ячейкам в той же строке.
    • Обновить текущую в столбце - изменения будут применены ко всем ячейкам в том же столбце.
    • Обновить все ячейки в таблице - изменения будут применены ко всем ячейкам в таблице.
  • Ширина/Высота - укажите ширину и высоту ячейки (для ширины Вы можете указать, в чем измерять - в пикселах или процентах от размера высоты; высота же всегда измеряется в пикселах).
  • Тип ячейки - выберите "Данные" если это обычная ячейка. Если же это заголовок таблицы - выберите "Заголовок".
  • Горизонтальное/Вертикальное выравнивание - укажите, как выравнивать содержимое строки по горизонтали и по вертикали.
  • Объединяет строк/колонок - укажите количество строк/колонок, которые должна визуально объединять ячейка (соответственно, если Вы укажете "Объединяет строк - 2", визуально такая ячейка будет выглядеть в два раза больше по высоте, чем стандартные ячейки).
  • Цвет фона - задайте цвет фона для ячейки (введите код или выберите из палитры).
  • Цвет границ - укажите цвет границ (введите код или выберите из палитры), прилегающих к ячейке.
  • Фоновое изображение - при необходимости укажите адрес картинки, которая должна быть фоном для ячейки.
  • Позиция фона - задайте место расположения фоновой картинки.
  • Повтор фона - укажите, как должна повторяться фоновая картинка внутри ячейки (если ячейка будет больше по размеру, чем одно изображение).

phpl2djCe

Обратите внимание!

  • Для удаления таблицы просто выделите ее в рабочей области и нажмите "Delete" или "Backspace".
  • Если у Вас уже есть готовая таблица (в файле или на какой-либо странице на другом сайте), просто скопируйте ее и вставьте в текстовый редактор.
Была ли статья вам полезна?
Укажите, пожалуйста, почему?
Комментарий