Размер текста в HTML: форматирование правила
Опубликованно 08.01.2019 06:16
HTML-это язык разметки гипертекста, с его помощью форматирования веб-документов выполняется. Он предлагает основные функции компоновки структуры документа, а также основные варианты оформления страницы. В этой статье подробно расскажем, как изменить размер текста в HTML. Вы узнаете, в каких случаях только HTML можно, но когда предпочтительнее прибегать к стилевые таблицы CSS.
Измените размер при помощи тега <font>
Существуют различные способы, с помощью которых вы можете изменить размер текста в HTML. Такие возможности предоставляет как сам язык веб-разметки и Plug-в документ таблицы стилей CSS.
Чтобы первый способ увеличить или уменьшить текст на веб-странице является использование тега <font>. Синтаксис при использовании этого тега будет выглядеть следующим образом:
<font size="3" color="green" face="Georgia">текст для примера</font>
Рассмотрим этот пример. Как вы можете видеть, здесь указаны три атрибута тега <font>, вы можете использовать гарнитуру, размер и цвет текста HTML.
За размер отвечает атрибут size — он позволяет задать размер текста в условных единицах. За среднее значение этого параметра 3 будет принят. Соответственно, можете задавать как в абсолютных единицах (1, 7, 4, и т. д.), так и в относительных - со знаком плюс или минус (+3, -2). Во втором случае размер шрифта будет изменен, по отношению к базовой.
Атрибут color показывает, какой цвет отображаемый текст, и лицо отвечает за гарнитуру (шрифт). Таким образом, текст будет написан на примере стандарт-средний стандартный размер, зеленый цвет, шрифт Georgia.
В современных браузерах этот метод работает для изменения размера текста в HTML почти всегда, однако этот способ считается несколько устаревшим — это возможность форматирования с помощью CSS рекомендуется. Другие способы уменьшения и увеличения текста в HTML
Чтобы изменить размер текста в HTML используются теги <big> и <small>.
Эти теги следующим образом:
<big>Этот текст будет больше</big> <small>Этот текст будет меньше</small>
Интересно, что для того, чтобы текст еще более или менее, день может быть повторен несколько раз.
<big><big>Этот текст будет увеличена еще сильнее</big></big>
Помимо этих двух тегов, есть возможность изменять размер текста в HTML-заголовки (например, H1, большой текст, H6 и для уменьшения его размера). Однако это не рекомендуется, поскольку заголовок является структурно единство веб-страницы и использовать его для визуального форматирования может затруднить индексацию и доступность сайта.
Изменить размер текста с помощью CSS
Чтобы изменить размер текста, рекомендуется использовать CSS. Синтаксис будет выглядеть следующим образом:
p { font-size: 11pt; }
Для этого метода гораздо большее количество возможностей. Вы можете изменить размер текста в различных единицах, например, пункты (pt), пикселы (px), проценты и другие
С помощью этого метода можно либо через тег <style> непосредственно в тело HTML-документа или через внешние таблицы стилей, о которых отдельный файл с ссылкой на документ.
Разработчики сходятся во мнении о том, что с учетом оптимизации и кросс-браузер в наше время является предпочтительным, чтобы стиль и дизайн, возможность CSS и HTML в свою изначальную функцию Hypertext Markup language.
Так мы встретились с несколькими различными способами изменить размер текста в HTML-документах. Какой из них использовать, зависит от ваших потребностей и желаемой функциональности. Автор: Ольга Чекмарева 28. Ноябрь, 2018
Категория: Новости Tech
