Давайте окрасим слова "Вот как у меня получилось" в красный.
<font color="#CC0000"> Вот как у меня получилось </font>
Color – параметр (атрибут) для тэга font, он отвечает, в данном случае, за цвет заключенного в контейнер текста. Атрибут color, как и другие атрибуты, не принадлежит только одному тэгу, он может быть присвоен и некоторым другим тэгам.
Таблицы всех цветов можно посмотреть здесь http://www.artlebedev.ru/tools/colors/
Попробуйте вместо СС0000 подставить другие значения цветов для атрибута color. Обратите внимание, что значению цвета обязательно должен предшествовать значок «решетка» - #.
Как же еще задавать цвета в документе? - вспомним об открывающем тэге <body>:
<body text="#336699">
Это значит, что весь текст страницы будет синим, кроме текста, для которого мы специально прописали <font></font>. Если цвет текста в <body> не задавать, то по умолчанию он будет черным.
Цвет фона устанавливается в тэге <body>:
<body bgcolor="#6699CC">
Фон будет иметь синий цвет, вы же свой документ можете раскрасить любым другим. Кстати, если цвет в <body> не указывать, то по умолчанию он будет белым, хотя иногда цветом по умолчанию может являться любой другой, кроме белого, поэтому лучше всегда прописывайте цвет фона в body.
<html>
<head>
<title>Моя первая страница </title>
</head>
<body text="#336699" bgcolor="#6699CC">
Здравствуйте, это моя персональная страница.
<br>
<font color="#CC0000"> Вот как у меня получилось</font>
</body>
</html> посмотреть
Обратите внимание: мы одновременно можем прописать в тэге <body> и цвет текста в документе, и цвет фона. Одному тегу может быть присвоено несколько атрибутов.
<body text="#336699" bgcolor="#6699CC">
Дата публикации:
Хештеги: #информатика :: #программирование :: #основные понятия :: #урок по информатике :: #конспект по информатике :: #лекция по информатике :: #цвета html :: #html
Смотрите также учебники, книги и учебные материалы:
Следующие учебники и книги:
- Microsoft Word - Формулы, таблицы, нижние индексы - Практическое задание
- Microsoft Word - Таблицы, колонки, назначение клавиш символам - Практическое задание
- Microsoft Word - Форматирование текста - Практическое задание
- Информатика - Программирование - html - Таблицы
Предыдущие статьи:
- Информатика - Программирование - html - Основные понятия
- Полезный совет - Восстановление ярлыка Свернуть все окна
- Поурочный план - Информатика - Математические и статистические системы
- Поурочный план - Информатика - Создание Web-страниц