Оформление текста в HTML
Допустим, ми научились создавать структуру в странице. Теперь, посмотрев на нашу страницу, мы поняли что текст у нас не очень красивый и никак не выделяется. Так сделаем наш текст достойным любого читателя, а в этом нам поможет тег <STYLE></STYLE>.
таблица изменений шрифта (более подробно)
Тег <STYLE></STYLE> имеет модификаторы и пишется в разделе <BODY></BODY>.
| <Style модификатор> | Описание | Значение | |
| Color=”” | Задает цвет текста либо в коде либо по названию (настоятельно рекомендую писать цвет в коде) | “#ffffff” “blue” |
Цвет в коде белый Цвет по имени голубой |
| Text-align= “” | Выравнивание текста | “left” “center” “right” “justify” |
Слева по центру справа по ширине страницы |
| Text-indent=”” | Отступ красной строки (абзац) | “30px” | Отступ 30 пикселей |
| Line-Height=”” | Междустрочный интервал | “20px” | Интервал 20 пикселей |
| Leter-spacing=”” | Междубуквенный интервал | “10px” | Интервал 10 пикселей |
Margin-left=”” -right -bottom -left -top |
Отступ от края справа Снизу Слева Сверху |
“10px” | Отступ с верху 10 пикселей |
| Font-size=”” | Размер шрифта | “20px” | Размер шрифта равен 20 пикселям |
| Font-family=”” | Название шрифта | Arial | К тексту применен шрифт Arial |
Тег <STYLE></STYLE> лучше писать внутри тега <P></P> (параграф) как модификатор. Таким способом здорово оптимизируется код нашей страницы.
ПРИМЕР :
<P style=”font-family: Arial; …”>
| <P модификатор> | Описание | Значение | |
| Те же что и для тега style + модификаторы указанные ниже | |||
| Align= “” | Выравнивание текста. При написании его в тег style он изменяется на значение ( text - align :) |
“left” “center” “right” “justify” |
Слева по центру справа по ширине страницы |
| Style | В данном случаи выступает модификатором тега <P> и принимает значения тега style |
Все те, что и в тега style (смотри пример выше) |
Все те, что и в тега style (смотри пример выше) |
