Уважаемые читатели сайта Ajaxs.ru

Очень рад что вы зашли на мой сайт. Надеюсь, Вы сможете найти здесь для себя полезную информацию. Зарегистрировавшись на сайте вы получаете ряд преимуществ:
1. При комментировании Вам не нужно вводить имя и капчу с картинки
2. Вы можете получать уведомления на Email к интерисующим вас урокам
3. Вы можете редактировать свои комментарии

Вход на сайт


Забыли пароль



Восстановление пароля


Войти на сайт

Зарегистрироваться

Главная / Основы 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 Просмотров: 13317

Условия копирования материалов сайта

Все комментарии
#-3 Mamoru 13-03-2012 в 09:59
Во втором примере ошибка "<body tex="green" bgcolor="#ccccff">"
Не "tex", а "text".
#-2 alex768 28-04-2012 в 17:58
Уважаемые Евгений!
можно спросить правильно ли я всё сделала....если нет проверьте пожалуйста и напишите правильно.
и ещё вопрос напишите как сделать что на заднем фоне картинку сделать.

<html>
<head>
<title>моя перва страница</title>
</head>
<meta http-equiv="Content-Type" content="text/html; charset=windows-1251">
<meta name="author" Content="Александр">
<meta name="Reply-to" Content="alix_sokol95@mail.ru">
<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 РОман 23-06-2012 в 22:26
Кстати,в <body texе="green" bgcolor="#ccccff">
решетку ставить не обязательно, можно просто body texе="green" bgcolor="ccccff">
#0 Иван 02-09-2013 в 22:42
Для того, чтобы внести картинку, как фон, вам стоит ознакомиться с css. Открыв документ style.css, вносим следующий код:
body{
background-image:(' ссылка на вашу картинку ');
}
#1 Иван 02-09-2013 в 22:42
Подправлю.
body{
background-image: url(' ссылка на вашу картинку ');
}
#2 Много-у-вас-букв 05-08-2017 в 14:58
<DOCTYPE>
<html>
<head>
<style>
body {Если программисты придумавшие это были не дураки, то я смогу поменять и здесь таким образом цвет моего этого комментария!...
}
color: #336600;
</style>
</head>
Добавить новый комментарий

Автор:

Текст сообщения:

Если в комментарии присутствует код, пожалуйста вставляете его между тегами [code][/code]

cap

Код с картинки:


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

41001346159934
R314489888859
Уроки
Для начинающих
Интересное
Файлы
Полезное
Опрос

Много ли среди программистов девушек?

Последние комментарии
Ссылки