книгу с помощью следующего кода.

html код вставки картинки по центру. Три варианта масштаба.

<div class="image95">
<img alt="" src="../Images/1percent.jpg"/>
</div>
<div class="image50">
<img alt="" src="../Images/1percent.jpg"/>
</div>
<div class="image30">
<img alt="" src="../Images/1percent.jpg"/>
</div>Примеры:

 

 

Таблица

К сожалению в Sigil нет визуального инструмента создания и редактирования таблиц. Поэтому разметка таблицы производится на языке html. В css есть шаблоны для создания таблиц. Если необходимо изменить представление таблиц, то придется менять соответствующие элементы css файла.

Ниже представлен html код и вид таблицы, который он генерит:

<p class="tbl-name">Таблица 1. Пример таблицы в книге.</p>
<table>
<tbody>
<tr>
<th width="40%" class="style-08">
Протокол
</th>
<th width="60%" class="style-08">
Максимальное количество октетов в датаграмме (MTU)
</th>
</tr>
<tr>
<td class="style-08">
По умолчанию для PPP
</td>
<td class="style-08">
1500
</td>
</tr>
</tbody>
</table>Пример:

Таблица 1. Пример таблицы в книге.

Протокол
Максимальное количество октетов в датаграмме (MTU)
По умолчанию для PPP
1500
PPP (с небольшой задержкой)
296
SLIP
1006 (исходное ограничение)
X.25
1600 (отличается для некоторых сетей)

Список ненумерованный

<ul>
<li><p class="list-1l">пункт 1;</p>
<p class="list">пункт 1, параграф 2;</p></li>
<li><p class="list-1l">пункт 2;</p></li>
<li><p class="list-1l">пункт 3;</p></li>
<li><p class="list-1l">пункт 4.</p></li>
</ul>Первый параграф буллета использует класс list-1l, в котором подавлен перевод строки. Все последующие параграфы текущего булета должны использовать класс list.

Пример:

Абзац текста до списка. Абзац текста до списка. Абзац текста до списка. Абзац текста до списка. Абзац текста до списка. Абзац текста до списка:

пункт 1;

пункт 1, параграф 2;

пункт 2;

пункт 3;

пункт 4.

Абзац текста после списка. Абзац текста после списка. Абзац текста после списка. Абзац текста после списка. Абзац текста после списка. Абзац текста после списка.:

Список нумерованный

<ol>
<li><p class="list-1l">пункт 1;</p>
<p class="list">пункт 1, параграф 2;</p></li>
<li><p class="list-1l">пункт 2;</p></li>
<li><p class="list-1l">пункт 3;</p></li>
<li><p class="list-1l">пункт 4.</p></li>
</ol>Первый параграф буллета использует класс list-1l, в котором подавлен перевод строки. Все последующие параграфы текущего булета должны использовать класс list.

Пример:

Абзац текста до списка. Абзац текста до списка. Абзац текста до списка. Абзац текста до списка. Абзац текста до списка. Абзац текста до списка:

пункт 1;

пункт 1, параграф 2;

пункт 2;

пункт 3;

пункт 4.

Абзац текста после списка. Абзац текста после списка. Абзац текста после списка. Абзац текста после списка. Абзац текста после списка. Абзац текста после списка.:

Титульный лист

title_page (Титульный лист)

Начальный лист книги, на котором размещены основные выходные данные: название, автор, издательство и т.д.

title.xhtml    - авторы  и название книги

<div class="vignette_title_before">
<img width="90%" src="../Images/title_before.png"/>
</div>
<div class="h0">
<p class="title">Автор</p>
<p class="title">Название строка 1</p>
<p class="title">Название строка 2</p>
</div>
<div class="vignette_title_after">
<img width="90%" src="../Images/title_after.png"/>
</div>
<div class="traum_logo">
<img alt="traum-logo" width="30%" src="../Images/traum-logo.png"/><br/>
</div>

Исходный текст программы.

В общем случае блок кода состоит из двух областей: заголовка и собственно кода.  

Для оформления исходного кода в тексте книги я использую две формы: белую и серую. Код для вставки одинаков, отличается только именем класса:

Для получения такого вида используется следующий html код:

html код вставки

--">