Текст в HTML

Когда вы пишете код HTML, вы пишете текст. Но то, что обычно отображается в браузере — это тоже текст.

Хотя изображения, видео и музыка набирают популярность, сайты по-прежнему в основном состоят из текстового содержимого, такого, как этот конкретный абзац, который вы сейчас читаете.

Абзацы

Абзацы <р> — наиболее используемый элемент HTML, так как по умолчанию это блочный элемент и он быстро пишется.

<p>Вся долина Футры была покрыта высокой, до пояса, травой — замечательной цветущей 
   травой Пеллюсидара. Каждая травинка заканчивалась миниатюрным пятилепестковым цветком, 
   чьи разноцветные звёздочки среди моря зелени придавали своеобразное очарование 
   окружающему ландшафту.</p>

Списки

Списки бывают трёх видов:

  • <ul> — неупорядоченные списки;
  • <ol> — упорядоченные списки (чьи элементы пронумерованы автоматически);
  • <dl> — списки описаний.

Списки в HTML требуют определённой структуры:

  • <ul> и <ol> должны включать <li>, который задаёт пункты списка, и быть прямым родителем <li>;
  • следовательно, элементы <li> не могут использоваться сами по себе и должны быть прямыми детьми либо <ul>, либо <ol>.

Неупорядоченные списки

Они являются самыми распространёнными типами списков и предназначены для группирования перечня отдельных предметов в произвольном порядке.

<p>Мой список покупок:</p>
<ul>
  <li>Молоко</li>
  <li>Хлеб</li>
  <li>Шоколад</li>
  <li>Ещё шоколад</li>
</ul>

Пункты списка отображаются с маркерами впереди.

Упорядоченные списки

Упорядоченные списки используются, когда имеет значение порядок пунктов списка.

<ol>
  <li>Шаг первый</li>
  <li>Шаг второй</li>
  <li>????</li>
  <li>PROFIT!!!</li>
</ol>

Упорядоченные списки автоматически нумеруются браузером. Вам не нужно включать номера в ваш HTML.

Списки описаний

Списки описаний предназначены для элементов, которые объединяются в пары. Они должны включать в себя в качестве прямых детей пару <dt> (definition terms, определение термина) и <dd> (definition descriptions, описание термина).

<dl>
  <dt>Веб</dt>
  <dd>Часть Интернета, которая содержит сайты и веб-страницы.</dd>
  <dt>HTML</dt>
  <dd>Язык разметки для создания веб-страниц.</dd>
  <dt>CSS</dt>
  <dd>Технология, благодаря которой HTML выглядит лучше.</dd>
</dl>

Списки описаний редко применяются, потому что их использование довольно специфично и только в том случае, когда термин меняется каждый раз. Таблицы с двумя колонками являются более популярной альтернативой.

<blockquote>

<blockquote> используются для определения цитат.

<p>Сэр Тим Бернерс-Ли сказал:</p>
<blockquote>
  «Оригинальная идея Интернета в том, что это должно быть совместное пространство, 
    где вы можете общаться посредством обмена информацией».
</blockquote>

Заголовки

Доступно шесть уровней заголовков, начиная от <h1> до <h6>, первый является самым важным.

Заголовки предназначены для использования вместе с абзацами и списками, чтобы нарисовать естественную структуру вашего документа. Поскольку заголовки несут больший семантический вес, будьте осторожны, сохраняя баланс между важным и «обычным» содержанием.

Использование только заголовков в HTML-документе не имеет смысла: если всё кажется важным, ничего им на самом деле не является. Вам необходимо обеспечить глубину в вашей структуре.

Перейти к заданиям

Автор: Джереми Томас
Последнее изменение: 13.08.2017