Тест разных таблиц

Пример обычной таблицы со стилями, заданными по умолчанию

Столбец 1Столбец 2Столбец 3Столбец 4
Значение 1 Текстовое значение 2 Текст 3. Текст. Текст.
Значение 2

Текстовое значение 2.Текстовое значение 2.

Текстовое значение 2.Текстовое значение 2.Текстовое значение 2.Текстовое значение 2.

  • Элемент 1
  • Элемент 2
  • Элемент 3
Текст
Значение 2

Текстовое значение 2.Текстовое значение 2.

Текстовое значение 2.Текстовое значение 2.Текстовое значение 2.Текстовое значение 2.

текст 3

  1. Элемент 1
  2. Элемент 2
  3. Элемент 3
Текст

Пример таблицы со светлым фоном и границами

Для реализации нужно выбрать из списка "Стиль" значение "таблица с белым фоном и границами". Убедиться, что стиль применен именно к тегу "table", а не в p, div, td или каким-то другим. Для проверки пользуйтесь подсветкой тегов (внизу редактора - нужный стиль должен отобразиться через точку к нужному тегу - в данном случае table.whitetable), или просмотром исходного кода.

Столбец 1Столбец 2Столбец 3Столбец 4
Значение 1 Текстовое значение 2 Текст 3. Текст. Текст.
Значение 2

Текстовое значение 2.Текстовое значение 2.

Текстовое значение 2.Текстовое значение 2.Текстовое значение 2.Текстовое значение 2.

  • Элемент 1
  • Элемент 2
  • Элемент 3
Текст
Значение 2

Текстовое значение 2.Текстовое значение 2.

Текстовое значение 2.Текстовое значение 2.Текстовое значение 2.Текстовое значение 2.

  1. Элемент 1
  2. Элемент 2
  3. Элемент 3
Текст

Пример таблицы с отдельной ячейкой, у которой граница жирная (можно применять к любым типам таблиц)

Аналогично предыдущему пункту, но стиль применяется уже не к table, а к конкретным ячейкам td.

Столбец 1Столбец 2Столбец 3Столбец 4
Значение 1 Здесь жирным выделим всю строку, без вертикальных перегородок Текст 3. Текст. Текст.
Значение 2

Текстовое значение 2.Текстовое значение 2.

Текстовое значение 2.Текстовое значение 2.Текстовое значение 2.Текстовое значение 2.

  • Элемент 1
  • Элемент 2
  • Элемент 3
Текст
Значение 2

Текстовое значение 2.Текстовое значение 2.

Текстовое значение 2.Текстовое значение 2.Текстовое значение 2.Текстовое значение 2.

  1. Элемент 1
  2. Элемент 2
  3. Элемент 3
Текст
333

А эту ячейку выделим жирным отдельно

555

666

Или еще можно вот такие варианты оформления сделать:

1 2 3 4
8 7 6 5
9 10 11 12
16 15 14 13

1 2 3 4
8 7 6 5
9 10 11 12
16 15 14 13

Span - как выглядит...

Тест всраивания span (И заодно пометка случайно вставленных подобным оразом элементов).

Тест стиля синий тест.

Тест выравнивания ячеек таблиц

Можно выровнять сразу все ячейки (со стилем Left Mid), заодно к теблице применено сразу два стиля, второй "таблица с белым фоном и границей" -  (их по очереди можно выбрать из списка стилей):

1 1 1 1 1

1 1 1 1 1

1 1 1 1 1

1 1 1 1 1

2 2 2 2 2 2 2 2 2 2 2 2 2 2 2 2 2 2

2 2 2 2 2 2 2 2 2 2 2 2 2 2 2 2 2 2

3 3 3 3 3 3 3 3 3 3 3 3 3 3 3 3 3 3 3 3 3 3 3 3

3 3 3 3 3 3 3 3 3 3 3 3 3 3 3 3 3 3 3 3 3 3 3 3

4 4 4 4

4 4 4 4

4 4 4 4

4 4 4 4

4 4 4 4

Можно выровнять сразу все ячейки (со стилем Cent. Mid):

1 1 1 1 1

1 1 1 1 1

1 1 1 1 1

1 1 1 1 1

2 2 2 2 2 2 2 2 2 2 2 2 2 2 2 2 2 2

2 2 2 2 2 2 2 2 2 2 2 2 2 2 2 2 2 2

3 3 3 3 3 3 3 3 3 3 3 3 3 3 3 3 3 3 3 3 3 3 3 3

3 3 3 3 3 3 3 3 3 3 3 3 3 3 3 3 3 3 3 3 3 3 3 3

4 4 4 4

4 4 4 4

4 4 4 4

4 4 4 4

4 4 4 4

А можно в в каждой ячейке отдельно выставлять:

1 1 1 1 1

1 1 1 1 1

1 1 1 1 1

1 1 1 1 1

222 22 222 22

3 3 3 3 3 3 3 3 3 3 3 3 3 3 3 3 3 3 3 3 3 3 3 3

3 3 3 3 3 3 3 3 3 3 3 3 3 3 3 3 3 3 3 3 3 3 3 3

4 4 4 4 44444 444 4444444 444444444 444444444 4444444

4 4 4 4

4 4 4 4

4 4 4 4

4 4 4 4