ОФОРМЛЕНИЕ ЛОНГРИДОВ ПОРТФОЛИО ШКОЛЫ ДИЗАЙНА С ПОМОЩЬЮ HTML
Платформа Школы дизайна ВШЭ создана для того, чтобы вы могли собрать материал в структурно слаженный, аккуратный лонгрид — без сложной вёрстки и лишних технических сложностей. Но иногда материалу не хватает визуальной выразительности. Если при создании проекта вам хочется разнообразить оформление — добавить акцент, выстроить иерархию, выделить главное — воспользуйтесь специальными кодами HTML, собранными в этом лонгриде. Они работают во всех текстовых блоках.
Однако важно не перегружать лонгрид большим количеством разных визуальных приёмов. Коды нужны для акцентов и усиления иерархии, а не для того, чтобы заменить ими смысл. И обязательно проконсультируйтесь с преподавателем о визуальном облике вашего лонгрида — это поможет сохранить целостность работы.
СТРУКТУРА HTML
Слева вы видите результат, то есть как элемент выглядит непосредственно в готовом лонгриде
Справа находится сам HTML-код, который генерирует этот визуал. Чтобы применить стиль в своем проекте, просто скопируйте код из правой части и вставьте его в текстовый блок на платформе.
font-family
Шрифт Arial
<span style="font-family:Arial">Шрифт Arial</span>
——————————————————————————
Шрифт Helvetica
<span style="font-family:Helvetica">Шрифт Helvetica</span>
——————————————————————————
Шрифт Montserrat
<span style="font-family:Montserrat">Шрифт Montserrat</span>
——————————————————————————
Шрифт Times
<span style="font-family:Times">Шрифт Times</span>
font-size
Рамзер шрифта
<span style="font-size:16px">Размер шрифта</span>
——————————————————————————
Размер шрифта
<span style="font-size:20px">Размер шрифта</span>
——————————————————————————
Размер шрифта
<span style="font-size:24px">Размер шрифта</span>
font-weight
Обычный шрифт
<span style="font-weight:400">Обычный шрифт</span>
