Совет 1: Как изменить цвет шрифта html

Для указания цвета шрифта в страницах веб-сайтов можно использовать как средства, предусмотренные в языке HTML, так и средства языка CSS (Cascading Style Sheets - «Каскадные таблицы стилей»). В зависимости от особенностей верстки конкретной страницы может быть целесообразным использование одного или другого метода, а иногда и их комбинирование.
Инструкция
1
Используйте атрибут color, чтобы задать цвет выводимого на страницу текста, помещенного между открывающим (<font>) и закрывающим (</font>) тегами, задающими параметры шрифта . Например:
<font color="#ff0000">Красный шрифт</font>
Здесь цвет шрифта указан его шестнадцатеричным кодом #ff0000, но для основных цветов и некоторых именованных оттенков можно использовать и текстовое («мнемоническое») англоязычное значение. Например, #ff0000 можно заменить на Red.
2
Указывайте нужный оттенок цвета в атрибуте style, если надо изменить цвет фрагмента текста, помещенного внутрь какого-то блочного или строчного элемента страницы. Например, если фрагмент текста помещен внутрь блочного элемента, образуемого тегом div, то задать цвет шрифта можно так:
<div style="color: #7fffd4;">Текст аквамаринового цвета</div>
В случае использования строчного элемента span применять атрибут style надо точно таким же способом:
Текст <span style="color: #7fffd4;">аквамаринового</span> цвета.
Здесь цвет тоже можно задавать как шестнадцатеричными кодами, так и текстовыми обозначениями, например, #7fffd4 можно поменять на aquamarine.
3
Помещайте в заголовочную часть документа или в отдельный css-файл описание стилей, содержащее указание цвета шрифта нужных блоков текста - это универсальный и чаще применяемый в верстке веб-страниц метод. Например, чтобы задать синий цвет шрифта для всей страницы, в ее заголовочную часть (между тегами <head> и </head>) можно поместить такой код:
<style type="text/css">

body {color: blue}

</style>
4
Используйте атрибуты class, если в описании стилей надо задать разный цвет разным фрагментам текста. Например, если надо иметь в возможность вставлять при создании документа и, в дальнейшем, при его изменении, текстовые блоки красного и синего цветов, то можно поместить в заголовочную часть такой код:
<style type="text/css">

.blueText {color: Blue}

.redText {color: Red}

</style>
Здесь blueText и redText - это имена, а точка перед ними означает, что имена относятся к атрибутам class. Чтобы окрасить любую часть текста, например, в красный цвет, надо добавить к соответствующему тегу атрибут class со значением redText:
<p class="redText">Красный текст</p>

Совет 2: Как изменить текст в html

Изменение текста в HTML производится при помощи специальных тегов и дополнительных атрибутов. Доступные для применения методы позволяют увеличить размер текста, изменить его начертание и цвет. А имеющиеся дескрипторы для форматирования дают возможность максимально точно разместить элементы на странице.
Инструкция
1
Откройте файл HTML, который вы хотите отредактировать, при помощи установленного на компьютере редактора. Для добавления необходимых тегов можно воспользоваться стандартным «Блокнотом», кликнув правой клавишей мыши на изменяемом документе и выбрав подменю «Открыть с помощью» - «Обзор» - «Блокнот». Среди альтернативных программ для более удобного произведения нужных операций можно воспользоваться Notepad++ и Microsoft FrontPage, доступных для загрузки в интернете.
2
Перейдите к участку текста, который вы хотите изменить, и начните вводить необходимые дескрипторы. Для изменения размера и цвета можно воспользоваться атрибутами тега <font></font>. Укажите параметр color, чтобы задать нужный оттенок. Цвета могут быть вписаны как в соответствии с их английскими наименовании, так и с использованием палитры в шестнадцатеричном формате.
3
Опция face позволяет изменить тип шрифта. Size используется для задания размера букв по линейке от 1 до 7 кеглей (по умолчанию используется 3). Например:

<font color = “red” face = “fantasy” size = “6”>Видоизмененный фрагмент</font>

В данном случае словосочетание будет окрашено в красный цвет, увеличено до 6 размера и выведено декоративным шрифтом fantasy.
4
Для выделения части текста в отдельный абзац используйте тег <p></p>. С его помощью вы можете отрегулировать местоположение участка на странице через дополнительный параметр align. Например:

<p align = “center”>Выравнивание по центру</p>
<p align = “left”>Выравнивание по левому краю</p>
<p align = “right”>Выравнивание по правому краю</p>
5
Для вывода курсивного текста воспользуйтесь тегом <i></i>, заключив нужное слово или участок в между открывающим и закрывающим дескрипторами. Чтобы сделать буквы полужирными, примените <b></b>. Для подчеркивания подходит <u></u>. Зачеркнуть текст можно через <strike></strike>. Чтобы вывести число в верхнем индексе, применяйте <sup></sup>, а для отображения нужной цифры или буквы в нижнем индексе воспользуйтесь <sub></sub>. Все перечисленные теги могут быть использованы в рамках <font></font>.
6
Чтобы сделать перенос текста на строчку вниз, в HTML предусмотрен дескриптор <br>. Для создания горизонтальной раздельной линии есть тег <hr>. Например:

<i>Курсивный текст</i><br><strike>Зачеркнутый</strike><hr>
2*2 = 2<sup>2</sup>
Источники:
  • Цвета HTML
Обратите внимание
Чтобы получить черный цвет шрифта в CSS, нам не нужно ничего никуда добавлять (помним, что любой цвет можно получить добавлением к черному). Поэтому черный цвет будет записываться как #000000. Белый цвет шрифта с помощью CSS получается путем равномерного смешивания всех цветов и записывается как #FFFFFF.
Полезный совет
Возможности управления шрифтами в CSS не намного шире, чем в HTML. Но, тем не менее, использование CSS дает некоторые преимущества, и, в первую очередь, пользоваться CSS гораздо удобнее, в чем вы скоро убедитесь. Для задания параметров шрифтов в HTML используется элемент FONT. С его помощью можно задавать гарнитуру шрифта (атрибут face), размер (size) и цвет (color).
Источники:
  • как изменить текст html
Поиск
Совет полезен?
Добавить комментарий к статье
Осталось символов: 500