Зарегистрироваться | Забыли пароль


Для начинающих

bottom

Уроки

bottom

Полезное

bottom

Файлы

bottom

Ссылки

bottom

Главная страница » Основы HTML

Изменяем цвет фона и шрифта в HTML документе

Научившись выравнивать текст в документе, попробуем разукрасить нашу страничку. Для начала, мы изменим цвет шрифта нашей веб-страницы при помощи параметра text, который прописывается у тега <body> вот так:

<html>
<head>
<title>
Главная страница</title>
</head>
<body
text="green">
<h1
align="center">Привет </h1>
<p
align="center">Как PHP внедряется в HTML документ?</p>
<p
align="center"><font size="-1">Язык PHP очень прост и популярен, потому что все команды, написанные на нем, просто вставляются в обычный HTML-код и Вам не нужно создавать никаких отдельных приложений.</font></p>
</body>
</html>

Ну вот теперь весь текст на странице станет темно зеленым. Теперь попробуем изменить цвет фона с белого, например, на голубой. За фон у нас отвечает параметр bgcolor:

<html>
<head>
<title>
Главная страница</title>
</head>
<body
tex="green" bgcolor="#ccccff">
<h1
align="center">Привет </h1>
<p
align="center">Как PHP внедряется в HTML документ?</p>
<p
align="center"><font size="-1">Язык PHP очень прост и популярен, потому что все команды, написанные на нем, просто вставляются в обычный HTML-код и Вам не нужно создавать никаких отдельных приложений.</font></p>
</body>
</html>

Кстати, цвет можно задавать используя шестнадцатиричное значение цвета, но при этом перед ним обязательно должен стоять знак решетки # (белому цвету соответствует значение #ffffff, а черному #000000).

А как же быть, если мы не хотим, чтобы весь цвет шрифта был одинаковым. Для этого используют знакомый нам <font> с параметром color, который может изменить цвет той части текста, которой мы захотим:

<html>
<head>
<title>
Главная страница</title>
</head>
<body
text="green" bgcolor="#ccccff">
<h1
align="center">Привет</h1>
<p
align="center">Как PHP внедряется в HTML документ?</p>
<p
align="center"><font size="-1" color="red">Язык PHP очень прост и популярен, потому что все команды, написанные на нем, просто вставляются в обычный HTML-код и Вам не нужно создавать никаких отдельных приложений.</font></p>
</body>
</html>

Ну вот с цветом мы вроде более менее разобрались.

Автор: Евгений Бочкарев · Урок добавлен: 1 Февраляя 2010 15:10 · Просмотров: 295

Рекомендую
  • Currently 5.00/5
  • 1
  • 2
  • 3
  • 4
  • 5

Рейтинг: 5.0/5 (всего 1 голос)

Понравился сайт? Внесите свой вклад в его развитие?
R314489888859
41001346159934




   Комментарии к уроку

12
Ваш комментарий может быть первым...
 
34
12

   Добавить комментарий


Ваше имя:


Текст комментария:

Получать уведомления по Email могут только зарегистрированные пользователи. Регистрация
Введите цифры с картинки


 
34