Учимся раскрашивать текст


Цвета на странице

Учимся раскрашивать тест
После того как мы создали нашу интернет-страничку, вы наверняка задумались как же её сделать такой, как хочется Вам. В этом примере мы научимся раскрашивать вашу интернет-страницу в нужные цвета.


Наш код выглядел следующим образом:


<html>

<head>

<title>Мой первый сайт созданный своими ручками всего за 5 минут

</title>

</head>

<body>Сегодня великолепный день для начинаний. Это моя первая интернет страничка. Мы почти знаем как сделать сайт за 5 минут

</body>

</html>



В начала давайте научимся менять фон нашей страницы. Для этого добавим в тег body параметр тега <bgcolor="#f01111">. В итоге у нас получится <Body bgcolor="#f01111">. ВНИМАНИЕ! В кавычках не О (буква), а 0 (цифра) и между составляющими тегов нужно ставить пробел. Сохраняем нашу интернет-страничку. И пробуем открыть её через браузер.

Должно получится так.

В основном для создания цветов на интернет-страницах используется RGB-модель (то есть любые цвета состоят из трёх основных – красный, зеленый, синий).

Стандартные цвета также можно прописать соответствующими английскими словами: bgcolor="green", red, white, и так далее.


Далее поменяем цвет текста на странице, для этого добавим в тег <body> еще один тег <text="#ffff00">. Теперь наш тег body имеет такой вид:

<body bgcolor="#f01111" text="#ffff00"> Сохраняем файл и смотрим, что же у нас вышло, тыц.

Для того что бы в любом месте текста цвет был отличным, нам понадобится тег <font> и </font>. Добавим к нашему коду вот это:


<font color="#0000ff">Я научился раскрашивать текст!!!</font>


<html>

<head>

<title>Мой первый сайт созданный своими ручками всего за 5 минут

</title>

</head>

<body bgcolor="#f01111" text="#ffff00">
<font color="#0000ff">Я научился раскрашивать текст!!!</font><br>

Сегодня великолепный день для начинаний. Это моя первая интернет страничка. Мы почти знаем как сделать сайт за 5 минут

</body>

</html>




Будет так.


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



Удалим строку "Мы почти знаем как сделать сайт за 5 минут" она нам больше не нужна. Следующий урок выравнивание текста по середине.

Вернуться к первому уроку сайт за 5 минут.



Вернуться к статьям о заработке в интернете.


Если понравилась статья, буду признателен, если воспользуетесь кнопочками:



Подписаться на новости





Яндекс.Метрика