Чтение онлайн

ЖАНРЫ

FictionBook Editor V 2.66 Руководство
Шрифт:

Цифры в окошке 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>

<th rowspan="2">Заголовок на 2 столбца</th>

</tr>

<tr>

<th>Подзаголовок</th>

<th>Подзаголовок</th>

<th>Подзаголовок</th>

</tr>

<tr>

<td>Текст</td>

<td/>

<td/>

<td>Текст</td>

</tr>

<tr>

<td>Текст</td>

<td>Текст</td>

<td>Текст</td>

<td>Текст</td>

</tr>

<tr>

<td/>

<td>Текст</td>

<td>Текст</td>

<td/>

</tr>

<tr>

<td/>

<td/>

<td/>

<td>Текст</td>

</tr>

</table>

Все « align»(расположение текста) в коде, специально, для облегчения восприятия — убраны. Т. е. поставлены по умолчанию — белое поле в окошках « align».

Это не мешает воспроизводству таблицы т. к. по умолчанию в заголовках расположение по центру стилем Title, а в строках по левому краю. По высоте, во всех случаях, — посредине(middle).

Данная процедура часто помогает избавится от невалидности таблицы.

Если разобрались, то можно вставлять таблицу кодами.

Таблица готова жмем F8 — проверяем валидность.

Заголовок на 3 графы Заголовок на 2 столбца
Подзаголовок Подзаголовок Подзаголовок
Текст Текст
Текст Текст Текст Текст
Текст Текст
Текст
Поделиться с друзьями: