тест

Инструкции (это - заголовок I уровня)

Это волшебный макет, с помощью которого мы будем делать прекрасные сайты. Чтобы сатйы были действительно хороши нужно многое учесть

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

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

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

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

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

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

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

Это - цитата. Если нам нужно выделить каой нибудь элемент в заметный блок можно и нужно воспользоваться этим элементом. И соответсвенно не заыбть достойно оформить его в css

Так говорил Заратустра

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

  • Жирный текст – лучше использовать 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
Макет формы
E-mail


Иконки

Сгенерить новый иконочный шрифт можно тут http://fontello.com

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

Структурные блоки флексбоксов

.nx-flex-row
1
2eee
3fasd asdasd
.nx-flex-col
1
2eee
3fasd asdasd
.nx-flex-col-st
1
2eee
3fasd asdasd
.nx-flex-row-btw
1
2eee
3fasd asdasd
.nx-flex-col-btw
1
2eee
3fasd asdasd
.nx-flex-row-btw-st
1
2eee
3fasd asdasd
.nx-flex-row-btw-c
1
2eee
3fasd asdasd
.nx-flex-col-btw-st
1
2eee
3fasd asdasd
.nx-flex-row-c-c
1
2eee
3fasd asdasd
.nx-flex-col-c-c
1
2eee
3fasd asdasd
.nx-flex-row-b-c
1
2eee
3fasd asdasd
.nx-flex-row-t-c
1
2eee
3fasd asdasd
.nx-flex-col-t-c
1
2eee
3fasd asdasd
.nx-flex-row-t-r
1
2eee
3fasd asdasd
.nx-flex-col-t-r
1
2eee
3fasd asdasd
.nx-flex-row-l-c
1
2eee
3fasd asdasd
.nx-flex-col-l-c
1
2eee
3fasd asdasd
.nx-flex-row-r-c
1
2eee
3fasd asdasd
.nx-flex-col-r-c
1
2eee
3fasd asdasd