4.1.3.1 Заглавия

HTML позволява да обозначавате заглавия до шест различни нива.

Най-голямото и най-важно е <h1>, след това <h2> до <h6>.

Съдържанието на елемента е текста на заглавието.

<h1>First section</h1>

<!-- Document introduction goes here -->

<h2>This is the heading for the first section</h2>

<!-- Content for the first section goes here -->

<h3>This is the heading for the first sub-section</h3>

<!-- Content for the first sub-section goes here -->

<h2>This is the heading for the second section</h2>

<!-- Content for the second section goes here -->

В основни линии, една HTML страница трябва да има един заглавен елемент от първо ниво (<h1>). Той може да съдържа много заглавия от второ ниво (<h2>), което от своя страна съдържа много заглавия от трето ниво. Всеки <hn> елемент (освен първия) трябва да има същия брой без един, предхождащи го елементи. Пропускане на ниво трябва да се избягва.

<h1>First section</h1>

<!-- Document introduction -->

<h3>Sub-section</h3>

<!-- This is bad, <h2> has been left out -->

4.1.3.2 Параграфи

HTML поддържа единичен елемент параграф, <p>.

<p>This is a paragraph.  It can contain just about any
  other element.</p>

4.1.3.3 Блокови цитати

Блоково цитиране е разширено цитиране от друг документ, което не трябва да се появява в текущият параграф.

<p>A small excerpt from the US Constitution:</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.1.3.4 Списъци

Можете да представите три типа списъци - подреден, неподреден и дефиниция.

Обикновенно всеки ред в подреден списък ще бъде номериран, докато при неподредените списъци ще бъде с начална точка. Дефиниционните списъци се състоят от две части. Първата е термина, който се дефинира, а втората е самата дефиниция.

Подредените списъци се дефинират с <ol> елемент, неподредените с <ul> елемент а дефиниционните списъци с <dl> елемент.

Подредените и неподредените списъци съдържат редове обозначени с <li> елемент. Редовете могат да съдържат текст или могат да бъдат пакетирани в един или повече <p> елементи.

Списъците с дефиниции съдържат дефиниционни термини (<dt>) и описания (<dd>). Дефиниционния термин може да съдържа само вградени в линията елементи. Описанието обаче, може да съдържа други блокови елементи.

<p>An unordered list.  Listitems will probably be
  preceded by bullets.</p>

<ul>
  <li>First item</li>

  <li>Second item</li>

  <li>Third item</li>
</ul>

<p>An ordered list, with list items consisting of multiple
  paragraphs.  Each item (note: not each paragraph) will be
  numbered.</p>

<ol>
  <li><p>This is the first item.  It only has one paragraph.</p></li>

  <li><p>This is the first paragraph of the second item.</p>

    <p>This is the second paragraph of the second item.</p></li>

  <li><p>This is the first and only paragraph of the third
    item.</p></li>
</ol>

<dl>
  <dt>Term 1</dt>

  <dd><p>Paragraph 1 of definition 1.</p></dd>

    <p>Paragraph 2 of definition 1.</p></dd>

  <dt>Term 2</dt>

  <dd><p>Paragraph 1 of definition 2.</p></dd>

  <dt>Term 3</dt>

  <dd>Paragraph 1 of definition 3.  Note that the &lt;p&gt;
    element is not required in the single paragraph case.</dd>
</dl>

4.1.3.5 Пре-форматиран текст

Можете да укажете, че част от текста трябва да бъде показан на потребителя точно както е във файла. Обикновенно това означава, че текста ще бъде показан с фиксиран шрифт, съседни интервали няма да бъдат заменяни с един и нов ред в линия ще бъде изпълнен.

За постигнете това, пакетирайте съдържанието в <pre> елемент.

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

  There is a new copy of my primer for contributors to the FreeBSD
  Documentation Project available at

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

  Comments appreciated.

  N</pre>

4.1.3.6 Таблици

Маркирайте табулирана информация чрез <table> елемент. Таблиците се състоят от един или повече редове (<tr>) всеки съдържащ една или повече клетки таблични данни (<td>). Всяка клетка може да съдържа други блокови елементи, като параграфи или списъци. Може да съдържа и друга таблица (тази серия може да се повтаря неограничено). Ако клетката съдържа само един параграф, не е необходимо да включвате <p> елемент.

<p>This is a simple 2x2 table.</p>

<table>
  <tr>
    <td>Top left cell</td>

    <td>Top right cell</td>
  </tr>

  <tr>
    <td>Bottom left cell</td>

    <td>Bottom right cell</td>
  </tr>
</table>

Клетка може да се простира на няколко реда и колони. За укажете това използвайте атрибутите rowspan и/или colspan със стойности показващи броя редове на колоните върху които трябва се разпростира клетката.

<p>One tall thin cell on the left, two short cells next to
  it on the right.</p>

<table>
  <tr>
    <td rowspan="2">Long and thin</td>
  </tr>

  <tr>
    <td>Top cell</td>

    <td>Bottom cell</td>
  </tr>
</table>

<p>One long cell on top, two short cells below it.</p>

<table>
  <tr>
    <td colspan="2">Top cell</td>
  </tr>

  <tr>
    <td>Bottom left cell</td>

    <td>Bottom right cell</td>
  </tr>
</table>

<p>On a 3x3 grid, the top left block is a 2x2 set of
  cells merged into one.  The other cells are normal.</p>

<table>
  <tr>
    <td colspan="2" rowspan="2">Top left large cell</td>

    <td>Top right cell</td>
  </tr>

  <tr>
    <!-- Because the large cell on the left merges into
         this row, the first <td> will occur on its
         right -->
        
    <td>Middle right cell</td>
  </tr>

  <tr>
    <td>Bottom left cell</td>

    <td>Bottom middle cell</td>

    <td>Bottom right cell</td>
  </tr>
</table>

4.1.4.1 Подчертаване

В HTML разполагате с две нива на подчертаване, <em> и <strong>. <em> е за нормално ниво на подчертаване а <strong> предизвиква силно подчертаване.

Обикновенно, <em> се показва с наклонен шрифт а <strong> се показва като удебелен. Това не винаги е така и не би трябвало да разчитате само на това.

<p><em>This</em> has been emphasised, while
  <strong>this</strong> has been strongly emphasised.</p>

4.1.4.2 Удебелени и наклонени

HTML включва маркиране с което можете да укажете, че определено съдържание трябва да се покаже в удебелен или наклонен шрифт. Елементите са. <b> и <i> респективно.

<p><b>This</b> is in bold, while <i>this</i> is
  in italics.</p>

4.1.4.3 Означаване на текст с фиксирано подреждане

Ако имате съдържание, което трябва да бъде показано като текст с фиксирано подреждане (машинописно), използвайте <tt> (за ``teletype'').

<p>This document was originally written by
  Nik Clayton, who can be reached by e-mail as
  <tt>nik@FreeBSD.org</tt>.</p>

4.1.4.4 Размер на съдържанието

Можете да укажете, че съдържание трябва да бъде показано в по-голям или по-малък шрифт. Има три начина да постигнете това.

1. Използване на <big> и <small> около съдържанието на което искате да промените размера. Тези етикети могат да бъдат наслагвани, така че <big><big>Това е много по-голямо </big></big> е допустимо.

2. Използване на <font> с size атрибут +1 или -1 респективно. Това има същият ефект като използването на <big> или <small>. Все пак, използването му е нежелателно.

3. Използване на <font> с size атрибут инциализиран с цифра между 1 и 7. Размера на шрифта по подразбиране е 3. Използването на този начин не се препоръчва.

<p>This text is <small>slightly smaller</small>.  But
  this text is <big>slightly bigger</big>.</p>

<p>This text is <font size="-1">slightly smaller</font>.  But
  this text is <font size="+1">slightly bigger</font.</p>

<p>This text is <font size="2">slightly smaller</font>.  But
  this text is <font size="4">slightly bigger</font>.</p>

4.1.5.1 Препращане към други документи в WWW

За да можете да включите препратка към друг документ от WWW трябва да знаете URL на документа, които искате да включите.

Препратката се означава с <a> и href атрибут съдържащ URL на документа цел. Съдържанието на документа става препратка и обикновенно се означава за потребителя по някакъв начин (подчертаване, смяна на цвета, друг курсор на мишката когато е върху препратката и т.н.).

<p>More information is available at the
  <a href="http://www.FreeBSD.org/">FreeBSD web site</a>.</p>

Такива препратки ще изпратят потребителя в началото на избран документ.

4.1.5.2 Препращане към други части на документи

Препращането към част от друг документ (или в текущия) изисква автора да е включил котви към които можете да препращате.

Котви се означават с <a> и name атрибути вместо href.

<p><a name="para1">This</a> paragraph can be referenced
  in other links with the name <tt>para1</tt>.</p>

За да препратите към наименувана част на документ, сложете нормална препратка към документа, но включете името на котвата след # знак.

<p>More information can be found in the
  <a href="foo.html#para1">first paragraph</a> of
  <tt>foo.html</tt>.</p>

Ако препращате към наименувана котва в същият документ, можете да прескочите URL на текущия документ - просто включете името на котвата (с предхождащ #).

<p>More information can be found in the
  <a href="#para1">first paragraph</a> of this
  document.</p>