Далее переходим на первую строку таблицы.
«Первый столбик» охватывает две строки по вертикали. Для этого, введя данные «Первый столбик», на верхней панели в квадратике «rowspan» ставим цифру «2». Это расширение по вертикали. Клавишей «Enter» создаем второй столбик и пишем «Второй столбик».
Переходим ко второй строке. Помним, что у нас «Первый столбик» расширен на две ячейки. Поэтому во второй строке достаточно написать «Данные второго столбика» и всё. В третьей строке у нас «Объединенный столбец». Формируем его так же, как и заголовок.
Четвертая строка. Здесь просто два столбца: Пишем «Данные слева», нажимаем «Enter», пишем «Данные справа». Вообще-то в FBE это выглядит как две строки, но такова особенность построения таблицы в FBE: строка в ячейке – это столбец. Пятая строка формируется так же, как четвертая.
Эта же таблица в FBE.
Код этой таблицы
При вставке таблицы лучше оставлять с обоих сторон пустые строки. Особенно от заголовков. Следует усвоить, что голубая — строка заголовков, синие — строки таблицы. Строки внутри голубой и синей строк — это ячейки граф данной строки. Если ячейка пустая в этом месте должна быть пустая строка. Следующий столбик создаем клавишей «Enter».
Цифры в окошке colspan означают на сколько ячеек надо расширить данную ячейку по горизонтали, в окошке rowspan — по вертикали. В окошке «th, td align» устанавливается расположение текста в строках заголовков по центру(center), справа(right) или слева(left). В окошке «tr align» тоже в строках таблицы. В окошке «th, td valign» устанавливается расположение текста во всех строках вверху(top), посредине(middle), внизу(bottom) строки. В каждой строке таблицы должно быть столько строчек сколько в таблице граф, но с учетом расширения. Т. е. если в таблице 4 графы, но первая ячейка расширена на 3 (окошке colspan стоит 3), то в этой строке будет только 2 строчки.
Если ячейка расширена по вертикали, то пустую строку под ней оставлять не следует.
Если надо вставить еще одну пустую строку заголовков, вставьте в режиме кода S следующие строки:
<tr>
<th/>
</tr>
Если надо вставить еще одну пустую строку таблицы, вставьте в режиме кода S следующие строки:
<tr>
<td/>
</tr>
Или столько таких выражений, сколько надо вставить строк.
<td/> — это ячейка в строке таблицы. В дальнейшем, сколько в таблице граф, столько строчек <td/> будет в выражении строки таблицы. В след за <td/> будет идти текст ячейки — <td>Текст</td>.
<th> — тоже в заголовке. <th>Заголовок</th>.
При создании таблицы надо быть очень внимательным, иначе таблица получится не валидной. Часто валидатор «ругается» после F8, обнаруживая пустые текстовые (белые) строки посреди таблицы.
Такие строки надо удалить. Нажать кнопку S и удалить все строки <empty-line/> посреди таблицы. Пробел между строками кода удалить, установив курсорна предыдущую строку, и нажав «Enter».
Вот еще пример таблицы:
картинкой,
Вставляем таблицу, как в первом примере — Заголовок и 4 строки.
Добавляем строку заголовков. Нажимаем S и вставляем
Нажимаем В — появилась вторая голубая строка. Заполняем таблицу.
1 строка заголовка — пишем «Заголовок на 3 графы», окошке colspan ставим 3. Жмем Enter. Во вторую строчку пишем «Заголовок на 2 столбца», окошке rowspan ставим 2. В строке видно 2 строчки, но не забываем, что первая строчка расширена на 3 т. е. всего 4 графы таблицы.
2 строка заголовка — в три строчки пишем «Подзаголовок». Четвертую строчку делать не надо. Эта графа расширена в 2 по вертикали.
Заполняем таблицу. Каждая строка должна состоять из 4 строчек.
1 строка таблицы — пишем «тест» в 1 и 4 строчку. Строчки 2 и 3 — пустые.
2 строка таблицы — пишем «тест» во все 4 строчки.
3 строка таблицы — пишем «тест» в 2 и 3 строчку. Строчки 1 и 4 — пустые.
4 строка таблицы — пишем «тест» в 4 строчку. Строчки 1, 2 и 3 — пустые.
Вот ее код:
<table>
<tr>
<th colspan="3">Заголовок на 3 графы</th>