Как изменить цвет шрифта html?

Для указания цвета шрифта в страницах веб-сайтов можно использовать как средства, предусмотренные в языке HTML, так и средства языка CSS (Cascading Style Sheets - «Каскадные таблицы стилей»). В зависимости от особенностей верстки конкретной страницы может быть целесообразным использование одного или другого метода, а иногда и их комбинирование.

Инструкция

Используйте атрибут color, чтобы задать цвет выводимого на страницу текста, помещенного между открывающим () и закрывающим () тегами, задающими параметры шрифта . Например:Красный шрифтЗдесь цвет шрифта указан его шестнадцатеричным кодом #ff0000, но для основных цветов и некоторых именованных оттенков можно использовать и текстовое («мнемоническое») англоязычное значение. Например, #ff0000 можно заменить на Red.

Указывайте нужный оттенок цвета в атрибуте style, если надо изменить цвет фрагмента текста, помещенного внутрь какого-то блочного или строчного элемента страницы. Например, если фрагмент текста помещен внутрь блочного элемента, образуемого тегом div, то задать цвет шрифта можно так:Текст аквамаринового цвета В случае использования строчного элемента span применять атрибут style надо точно таким же способом:Текст аквамаринового цвета.Здесь цвет тоже можно задавать как шестнадцатеричными кодами, так и текстовыми обозначениями, например, #7fffd4 можно поменять на aquamarine.

Помещайте в заголовочную часть документа или в отдельный css-файл описание стилей, содержащее указание цвета шрифта нужных блоков текста - это универсальный и чаще применяемый в верстке веб-страниц метод. Например, чтобы задать синий цвет шрифта для всей страницы, в ее заголовочную часть (между тегами и ) можно поместить такой код:

body {color: blue}

Используйте атрибуты class, если в описании стилей надо задать разный цвет разным фрагментам текста. Например, если надо иметь в возможность вставлять при создании документа и, в дальнейшем, при его изменении, текстовые блоки красного и синего цветов, то можно поместить в заголовочную часть такой код:

.blueText {color: Blue}

.redText {color: Red}

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

Красный текст

Совет добавлен 13 августа 2014 Совет 2: Как изменить текст в html Изменение текста в HTML производится при помощи специальных тегов и дополнительных атрибутов. Доступные для применения методы позволяют увеличить размер текста, изменить его начертание и цвет. А имеющиеся дескрипторы для форматирования дают возможность максимально точно разместить элементы на странице.

Инструкция

Откройте файл HTML, который вы хотите отредактировать, при помощи установленного на компьютере редактора. Для добавления необходимых тегов можно воспользоваться стандартным «Блокнотом», кликнув правой клавишей мыши на изменяемом документе и выбрав подменю «Открыть с помощью» - «Обзор» - «Блокнот». Среди альтернативных программ для более удобного произведения нужных операций можно воспользоваться Notepad++ и Microsoft FrontPage, доступных для загрузки в интернете.

Перейдите к участку текста, который вы хотите изменить, и начните вводить необходимые дескрипторы. Для изменения размера и цвета можно воспользоваться атрибутами тега . Укажите параметр color, чтобы задать нужный оттенок. Цвета могут быть вписаны как в соответствии с их английскими наименовании, так и с использованием палитры в шестнадцатеричном формате.

Опция face позволяет изменить тип шрифта. Size используется для задания размера букв по линейке от 1 до 7 кеглей (по умолчанию используется 3). Например:Видоизмененный фрагментВ данном случае словосочетание будет окрашено в красный цвет, увеличено до 6 размера и выведено декоративным шрифтом fantasy.

Для выделения части текста в отдельный абзац используйте тег . С его помощью вы можете отрегулировать местоположение участка на странице через дополнительный параметр align. Например:

Выравнивание по центру

Выравнивание по левому краю

Выравнивание по правому краю

Для вывода курсивного текста воспользуйтесь тегом , заключив нужное слово или участок в между открывающим и закрывающим дескрипторами. Чтобы сделать буквы полужирными, примените . Для подчеркивания подходит . Зачеркнуть текст можно через . Чтобы вывести число в верхнем индексе, применяйте , а для отображения нужной цифры или буквы в нижнем индексе воспользуйтесь . Все перечисленные теги могут быть использованы в рамках .

Чтобы сделать перенос текста на строчку вниз, в HTML предусмотрен дескриптор <br>. Для создания горизонтальной раздельной линии есть тег . Например:Курсивный текст

Зачеркнутый2*2 = 22

• Цвета HTML

Как изменить текст в html - версия для печати

Оцените статью!