Друзья, в этом уроке я покажу вам, как можно изменить цвет вашей html странички, всего текста или на против, только одного предложения, или слова. Но прежде расскажу и само собой покажу вам, как продолжить редактирование вашей странички. Хотя по факту тут нет ни чего сложного.

Для начала, заходим в папку с файлом index.html, затем наводим на этот файл курсор мыши, кликаем правой кнопкой и во всплывающим меню выбираем пункт открыть с помощью блокнота, пример ниже.

Следует учесть: если в списке приложений не окажется блокнота, то выберите пункт «выбрать другое приложение» и уже в нем найдите блокнот.

Теперь несколько строк по поводу кода. Друзья, для того, чтобы вам было понятно, все новые добавление и изменение в коде я буду выделять для вас красным цветом.

Так вот, думаю для начала я покажу вам, как изменить цвет вашей странички, а после всего текста или отдельного предложение, и так… Открываем файл index.html с помощью блокнота и дописываем к тегу body следующий код, bgcolor=»#00CCFF» Пример чуть ниже.

<html>
<head>
<title>Эта страница создана за 5 минут</title>
</head>
<body bgcolor="#00CCFF">
Сегодня отличный день. <br>Я сделал свою первую страничку.
</body>
</html>

После изменений, наводим курсор мыши на вкладку файл и сохраняем документ.

После всего сделанного, ваша первая страничка должна быть вот такой.

Теперь более подробно о html цветах. Смотрите, если говорить коротко и просто, то у каждого цвета имеется свой код. На вашей первой страничке мы использовали вот этот #00CCFF. Однако, если вы захотите изменить его или подобрать другой, то самый простой способ, это перейти в поиск и посмотреть различные таблицы html цветов, вот ссылка.

А, если у вас возникнет желание, чтобы изменить цвет текста на своей страничке, то для этого к тегу body нужно дописать следующее text=»#FFFF00″, само собой цвет может быть любым. Пример ниже.

<html>
<head>
<title>Эта страница создана за 5 минут</title>
</head>
<body bgcolor="#00CCFF" text="#FFFF00">
Сегодня отличный день. <br>Я сделал свою первую страничку.
</body>
</html>

Повторите эту процедуру со своим кодом и посмотрите что у вас получилось, должно быть вот так.

А, если у вас возникнет желание, чтобы выделить отдельно взятое слово или предложение, то тут вам на помощь придет парный тег <font> </font>. Следовательно, текст, который будет находится между этими тегами можно изменять под любой цвет, теперь перейдем от теории к практике. И так, добавьте в свой код новое предложение и измените его цвет, пример ниже.

<html>
<head>
<title>Эта страница создана за 5 минут</title>
</head>
<body bgcolor="#00CCFF" text="#FFFF00">
Сегодня отличный день. <br>Я сделал свою первую страничку.
<br><font color="#0000FF">я буду богатым и свободным человеком !</font>
</body>
</html>

Теперь ваша первая страничка должны быть вот такой.

Видео урок