Изменение размера, цвета и шрифта выбранных слов (с использованием Font и Span)

Jul 02, 2016 18:13

Оригинал взят у howto_user_ru в Изменение размера, цвета и шрифта выбранных слов (с использованием Font и Span)

Эта статья - о том, как изменить внешний вид вашего текста или какой-либо его части. К примеру, если вы захотите сделать определённое слово в записи красным. Если вам нужно изменить шрифт или другие параметры текста всего журнала в целом (а не только некоторых слов), то прочтите раздел справки Как изменить шрифт для всего моего журнала?.

Шрифт и другие параметры текста изменяют два различных HTML-тэга: и . У каждого из них есть свои достоинства и недостатки, так что выбирать один из них вам придётся самостоятельно. Ниже будут описаны оба тэга.

Плюсы:

1. Может быть использован для изменения внешнего вида текста вашей Биографии на странице "О пользователе" (вы можете изменить свою биографию здесь), а не только ваших записей в журнале.

2. Начинающим пользователям проще обращаться с этим тэгом, он интуитивно более понятен, чем .

Минус:

1. Не рекомендован к использованию и может некорректно восприниматься перспективными версиями браузеров (хотя поддерживается всеми нынешними). Не поддерживается в XHTML.

Плюс:

1. Широко используется и будет поддерживаться браузерами значительно дольше, чем . Поддерживается в XHTML.

Минусы:

1. Не может быть использован для изменения внешнего вида Биографии, хотя подходит для модификации текста ваших записей в журнале.
2. Менее удобен и понятен для неопытных пользователей, чем .

Использование

Size

Для изменения размера слов(а) вставьте в текст следующее:

размер текста">А тут - сам текст.

При этом нужно заменить размер текста на требуемый размер. Значение этого параметра - целое число от 1 до 7. Вы также можете вписать "+" или "-" перед числом, если вы хотите увеличить или уменьшить (соответственно) текущий/стандартный размер текста на заданное вами число.

Цвет

Для изменения цвета слов(а) используйте следующее:

код цвета">А тут - сам текст.

Вы должны заменить код цвета на шестнадцатиричный код того цвета, который вам необходим. Список некоторых цветовых кодов можно увидеть вот здесь.

Шрифт

Шрифт слов(а) изменяется вот так:

шрифт">А тут - сам текст.

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

Комбинации

Все вышеперечисленные параметры могут быть использованы в любых комбинациях в одном тэге. Например, следующий код выдаст на экран текст размера 4, голубого цвета и в шрифте comic sans ms:

Сам текст.

Вот что отобразится:

Сам текст.

Использование

Размер

Для изменения размера слов(а) вставьте в текст:

размер текстаpt;">А тут - сам текст.

При этом размер текста нужно заменить на тот размер, который вы хотите использовать - на целое число от 1 и выше. Учтите, что тот размер, который вы используете в , и тот, который работает в , никак не соотносятся. В нашем примере размер измеряется в пунктах (или "pt" - от английского "point"). Обычный размер текста - 12 пунктов.

Цвет

Для изменения цвета слов(а) используйте:

код цвета;">А тут - сам текст.

При использовании этого тэга следует вместо код цвета вставить нужный шестнадцатиричный код цвета. Список некоторых цветовых кодов размещён вот здесь.

Шрифт

Шрифт слов(а) изменяется следующим образом:

шрифт;">А тут - сам текст.

Вы должны заменить шрифт на название того шрифта, который вы хотите увидеть (к примеру, sans-serif). Вместо одного шрифта можно перечислить несколько, разделяя их запятой; тогда браузер отобразит первый шрифт из перечисленных, если он установлен на компьютере, где просматривается ваша страница; если он не установлен, браузер попытается вывести на экран второй и т. д.

Комбинации

Вы можете использовать любую комбинацию этих параметров в одном тэге. Например, следующая комбинация выдаст на экран текст размером в 16 пунктов, зелёного цвета и в шрифте trebuchet ms:

Сам текст.

Вот результат:

Сам текст.

С помощью тэга текст можно модифицировать и гораздо более серьёзно. Как именно - можно увидеть в этой статье.

Спасибо janinedog.
Перевёл на русский ximaera.

Комментарии, шрифт, редактирование

Previous post Next post
Up