Пример 4-2. <h1>, <h2> и так далее.

Использование:

<h1>First section</h1>

<!-- Здесь помещается введение документа -->

<h2>Это заголовок первого раздела</h2>

<!-- Здесь размещается содержимое первого раздела -->

<h3>Это заголовок первого подраздела</h3>

<!-- Здесь размещается содержимое первого подраздела -->

<h2>Это заголовок второго раздела</h2>

<!-- Здесь размещается содержимое второго раздела -->

Пример 4-3. Неправильный порядок следования элементов <hn>

Использование:

<h1>Первый раздел</h1>

<!-- Введение документа -->

<h3>Подраздел</h3>

<!-- Это плохо, пропущен <h2> -->

Пример 4-4. <p>

Использование:

<p>Это параграф.  Он может содержать
практически любой другой элемент.</p>

Пример 4-5. <blockquote>

Использование:

<p>Короткий отрывок из Конституции США:</p>

<blockquote>We the People of the United States, in Order to form
  a more perfect Union, establish Justice, insure domestic
  Tranquility, provide for the common defence, promote the general
  Welfare, and secure the Blessings of Liberty to ourselves and our
  Posterity, do ordain and establish this Constitution for the
  United States of America.</blockquote>

Пример 4-6. <ul> и <ol>

Использование:

<p>Неупорядоченный список.  Элементам
списка должны предшествовать маркеры.</p>

<ul>
  <li>Первый элемент</li>

  <li>Второй элемент</li>

  <li>Третий элемент</li>
</ul>

<p>Упорядоченный список, с элементами, состоящими из нескольких параграфов.
  Каждый элемент (замечание: но не каждый параграф) будет пронумерован.</p>

<ol>
  <li><p>Это первый элемент.  В нем только один параграф.</p></li>

  <li><p>Это первый параграф второго элемента.</p>

    <p>Это второй параграф второго элемента.</p></li>

  <li><p>Это первый и единственный параграф третьего элемента списка.</p></li>
</ol>

Пример 4-7. Списки определений с <dl>

Использование:

<dl>
  <dt>Термин 1</dt>

  <dd><p>Параграф 1 определения 1.</p>

    <p>Параграф 2 определения 1.</p></dd>

  <dt>Термин 2</dt>

  <dd><p>Параграф 1 определения 2.</p></dd>

  <dt>Термин 3</dt>

  <dd>Параграф 1 определения 3.  Заметьте, что элемент &lt;p&gt;
    в случае единственного параграфа не нужен.</dd>
</dl>

Пример 4-8. <pre>

Вы можете использовать <pre> для разметки сообщения электронной почты;

<pre>  From: nik@FreeBSD.org
  To: freebsd-doc@FreeBSD.org
  Subject: New documentation available

  There's a new copy of my primer for contributers to the FreeBSD
  Documentation Project available at

    <URL:http://people.FreeBSD.org/~nik/primer/index.html>

  Comments appreciated.

  N</pre>

Пример 4-9. Простое использование <table>

Использование:

<p>Это простая таблица 2x2.</p>

<table>
  <tr>
    <td>Верхняя левая ячейка</td>

    <td>Верхняя правая ячейка</td>
  </tr>

  <tr>
    <td>Нижняя левая ячейка</td>

    <td>Нижняя правая ячейка</td>
  </tr>
</table>

Пример 4-10. Использование rowspan

Использование:

<p>Одна высокая тонкая ячейка слева,
  две низкие ячейки за ней справа.</p>

<table>
  <tr>
    <td rowspan="2">Длинная и высокая</td>
  </tr>

  <tr>
    <td>Верхняя ячейка</td>

    <td>Нижняя ячейка</td>
  </tr>
</table>

Пример 4-11. Использование colspan

Использование:

<p>Одна длинная ячейка сверху, две
  короткие ячейки под ней.</p>

<table>
  <tr>
    <td colspan="2">Верхняя ячейка</td>
  </tr>

  <tr>
    <td>Нижняя левая ячейка</td>

    <td>Нижняя правая ячейка</td>
  </tr>
</table>

Пример 4-12. Использование rowspan и colspan одновременно

Использование:

<p>На сетке 3x3 верхний левый блок является
  набором клеток 2x2, объединенных в одну ячейку.
  Остальные клетки нормальные.</p>

<table>
  <tr>
    <td colspan="2" rowspan="2">Верхняя левая большая ячейка</td>

    <td>Верхняя правая клетка</td>
  </tr>

  <tr>
    <!-- Из-за того, что большая ячейка слева объединяется в
     эту строку, первый <td> появится справа -->

    <td>Средняя правая ячейка</td>
  </tr>

  <tr>
    <td>Нижняя левая ячейка</td>

    <td>Нижняя средняя ячейка</td>

    <td>Нижняя правая ячейка</td>
  </tr>
</table>

Пример 4-13. <em> и <strong>

Использование:

<p><em>Этот текст</em> выделен, а
  <strong>этот текст</strong> выделен сильно.</p>

Пример 4-14. <b> и <i>

<p><b>Этот текст</b> выводится жирным, а
  <i>этот текст</i> выводится наклонным шрифтами.</p>

Пример 4-15. <tt>

Использование:

<p>Этот документ первоначально создал
  Ник Клэйтон (Nik Clayton), которому можно написать по электронной почте
на адрес <tt>nik@FreeBSD.org</tt>.</p>

Пример 4-16. <big>, <small> и <font>

В следующих фрагментах выполняется одно и тоже.

<p>Этот текст <small>немного меньше</small>.  А
  этот текст <big>немножко больше</big>.</p>

<p>Этот текст <font size="-1">несколько меньше</font>.  А
  этот  текст <font size="+1">немного крупнее</font.</p>

<p>Этот текст <font size="2">немного мельче</font>.  А
  этот текст <font size="4">немного крупнее</font>.</p>

Пример 4-17. Использование <a href="...">

Использование:

<p>Дополнительная информация находится на
  <a href="http://www.FreeBSD.org/">веб-сайте FreeBSD</a>.</p>

Пример 4-18. Использование <a name="...">

Использование:

<p><a name="para1">На</a> этот параграф
  можно сослаться из других мест
  по имени <tt>para1</tt>.</p>

Пример 4-19. Ссылка на именованную часть другого документа

Предположим, что пример с para1 расположен в документе с именем foo.html.

<p>Дополнительная информация может быть
  найдена в <a href="foo.html#para1">первом абзаце</a> из
  <tt>foo.html</tt>.</p>

Пример 4-20. Ссылка на именованную часть того же самого документа

Положим, что пример с para1 расположен в этом документе

<p>Дополнительная информация может быть
  найдена в <a href="#para1">первом абзаце</a> этого
  документа.</p>