Обучение созданию сайтов (Часть 3)

Семантика. Форматирование текста

Семантические теги

1. <h1></...> - главный заголовок страницы.

2. <h2> - <h6> - подзаголовки.

3. <p></...> - строго один абзац текста. Никогда не используем <br> для разделения абзацев. Вместо этого используем несколько <p></...>.

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

• <strong> - жирный текст (важность);
• <b> - просто жирный текст;
• <em> - курсивный текст(акцент);
• <i> - названия, термины, иностранные слова.

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

<ol>

<li>Проснуться</li>

<li>Умыться</li>

<li>Позавтракать</li>

<li>...</li>

</ol>

Маркированный список

<ul>

<li>Проснуться</li>

<li>Умыться</li>

<li>Позавтракать</li>

<li>...</li>

</ul>

Цитаты

Внутри тега <blockquote></...> мы поместим цитируемый текст. Имя автора, название книги или статьи необходимо указывать в специальном теге, предназначенном для источников цитат - <cite></...>.

<blockquote>

<p>

Мороз и солнце, день чудесный...

</p>

</blockquote>

<cite>А.С. Пушкин</cite>