Как в html сделать цвет текста

     

     

    High Star. А можно ли сделать текст цветным? Да ради бога! Для этого существует атрибут <color> . Вот с этим колером мы сейчас и поработаем. Вообще, цвета можно задавать двумя разными способами. Первый - можно использовать словесное обозначение цвета: blue, black, yellow, green, white и т.д. А можно - и их цифровое обозначение, только не забывайте перед цифровым эквивалентом ставить "решетку" - "#" ! Так, цвет blue (голубой) имеет свое числовое значение #0000ff , цвет red (красный) - значение #FF0000 и так далее. То есть если мы напишем: <FONT color="red"> Красный цвет текста </FONT> <FONT color="#ff0000"> И тут красный. </FONT> Обе эти записи идентичны. Приведу значения некоторых цветов: Таблица цветов. Ну а теперь от слов к практике? Возьмем то же самое стихотворение, и поставим перед собой задачу: Заголовок напишем шрифтом Comic Sans MS , дадим крупный размер в 7 пунктов, разместим по центру и зальем красным цветом. Каждый куплет стихотворения раскрасим в свой цвет: первый - в синий, второй - в зеленый, ну а третий - в желтый. Причем, цвет первого куплета дадим в простом названии blue , второй и третий - в числовом эквиваленте зеленого и желтого цветов. Первый куплет напишем шрифтом Impact Размер второго куплета дадим размером в абсолютном размере 4 пункта Размер третьего куплета дадим в относительном размере +1 пункт Ну и автора задвинем в тег ADDRESS. Задача ясна? Ну тогда поехали! Открываем наш незаменимый шаблон shablon.html и вставляем туда то, что нам надо: Листинг 10. Стихотворение. <FONT color=red face="Comic Sans MS" size=7> Сохраним наш файл под именем "text4.html" и затем откроем этот файл в окне браузера: Вот они, цвета радуги! Прошу прощенья за дизайн. Вряд ли он может выдержать даже самую мягкую критику. Но, согласитесь, зато сразу стало многое понятно. Не только как правильно форматировать текст, но и то, что не нужно смешивать в одном тексте разные стили, размеры и цвета. Вот и подошел к концу наш очередной урок. Он был не таким уж и легким, согласитесь! Но зато мы теперь знаем самое необходимое, чтобы красиво оформить любой текст. А в следующем уроке мы научимся работать с фоном. И это будет последнее, что необходимо для нашей первой странички. Тренировка! Введите в форму любой текст, необходимые теги, нажмите на "посмотреть" и любуйтесь на свою работу!

     

    Предыдущая страница   Следущая страница




Рейтинг@Mail.ru