Инструкция по оформлению

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

Первое и самое главное правило - для логического разбиения текста на абзацы нужно использовать тег <p> (параграф): а не перенос строки. <p>Столица Приволжья отмечает 796 годовщину со дня основания.</p> <p>Праздничные мероприятия - по традиции - начались с возложения цветов в Нижегородском Кремле. Сегодня вся страна отмечает День России, а у Нижнего Новгорода праздник двойной.>/p>

Между блоками текста могут встречаться заголовки разного уровня. Рекеомедуем исспользовать слежующие конструкции

<h2>Заголовок II уровня</h2> <h3>Заголовок III уровня</h3> <h4>Заголовок IV уровня</h4> <h5>Заголовок V уровня</h5>

Заголовок II уровня

Заголовок III уровня

Заголовок IV уровня

Заголовок V уровня

В частности, заголовки третьего уровня используются для разбиения блоков в авторских передачах. Например на странице программыВадим Булавинов: прямой разговор.

Для оформления цитат стоит использовать конструкцию

<blockquote>
  Текст
  <p class="author" >Валерий Шанцев</p>
</blockquote>

Цитата выглядит вот так. Если нам нужно выделить каой нибудь элемент в заметный блок можно и нужно воспользоваться этим элементом.
Валерий Шанцев

Оформление элементов (это - заголовок II уровня)

Для логического разбиения текстов на абзацы стоит параграфы p , а не перенос строк br

Валерий Шанцев

Вставка изображений (это - заголовок III уровня)

Картинка выроненная по левому краю — Клевая тачка

В тексте должны быть иллюстарации. Чтобы выравнивать картинки влево или вправо нужно пользоваться классами toleft и toright

У картнок обязательно нужно прописывать alt и если нужно title

Вообще, в тексте может встречаться много разного текстовго оформления

Жирный текст – лучше использовать strong а не b
Курсив – использовать i или em
Особый – если не хватает курссива и жирного можно использовать ins
Выделенный – а если и ins не зватает можно использовать mark
Определение – оформляется имеено так.
Ссылки – Просто ссылки в тексте
Файлы (.doc, 24 кб) – если это ссылка на файл то и офрмлять ее соотвествующе
Чекбоксы, которые могут быть нестандартно оформлены
Р – если нужен знак рубля <s class="r">Р</s> буковку выбирать выбирать в зависимости от шрифта подробнее тут

Динамические элементы (это - заголовок IV уровня)

Времена статичного и скучного интернена прошли. В настоящее время элементы могут нести не только смысловую но и функциональную нагрузку. Например картинка, располложенаая справа может увеличивться. В более старыйх сайтах вместо data-big использовался параметр big

Вкладки

Некоторые элементы могут своачиваться и разворачиваться

Если нажать - свернется)

Здесь лежит текст который нужно скрыть не забудьте окружающий div.

Если нажать - развернется

Здесь лежит текст который скрыт сразу забудьте окружающий div.

Таблицы (заголовк VI уровня)

Таблица №5. Заголовок таблицы.
Параметр	Показатель	Номер аттестата	Аттестат выдан	Действителен до
Скидка на уторговывание %	Скидки на цены коммерческих объектов недвижимости	13%	10.09.2012	11.08.2013
Скидка на уторговывание %	Скидки на цены коммерческих объектов недвижимости	13%	10.09.2012	11.08.2013
Скидка на уторговывание %	Скидки на цены коммерческих объектов недвижимости	13%	10.09.2012	11.08.2013
Скидка на уторговывание %	Скидки на цены коммерческих объектов недвижимости	13%	10.09.2012	11.08.2013

Все новости раздела «Экономика»

Иконки

F T В B L N О G Я V J D Y

f t в b l n о g я v J d Y

W w

S I Т Ч

Д E К П

д e к П

| # _ =

< > ˄ ˅

◀ ▶ ▼ ▲ ±

↓ ← → ↑

₠ Р р P p R r

1 9 A Z a z

? ! i C К U

Ф X x Q с У + -

■ ǁ { [ ] } △ ▷

@ O o

Интерактивный опрос