Запрашиваемая страница не найдена
Главная

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

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

Первое и самое главное правило - для логического разбиения текста на абзацы нужно использовать тег <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

Реклама

Афиша

Горячие новости

ТК "Волга" в сети