Работа в интернете
Главная
Вход
Регистрация
Среда, 15/Мая/2024, 13.53.58Приветствую Вас Гость | RSS
Меню сайта

Раскрашиваем страницу

Итак, после того как вы создали свою первую интернет-страницу, наверняка у вас появилось желание раскрасить ее в те цвета какие вы хотите.

Этим мы сейчас и займемся.

 

 

Наш исходный код на данный момент, после прошлого урока такой :

<html>
<head>
<title>Моя первая интернет страница всего лишь за 5 минут</title>
</head>

<body>

Сегодня замечательный день. <br>Я сделал свою первую интернет страничку.

</body>

</html>

- Изменение цвета фона страницы.

Добавьте в тег <BODY> следующий параметр тега bgcolor="#00CCFF", чтобы в итоге получилось так

<body bgcolor="#00CCFF">

Сохраните вашу страницу (Файл->Сохранить) и откройте вашу страницу (или нажмите обновить если вы не закрывали страницу).
Должно получиться так.

Для создания цветов на странице используется RGB-модель. Т.е. любой цвет "составляется" из 3 основных цветов - Red Green Blue.

запись из нашего примера #00CCFF расшифровывается так : 00 частей красного, СС частей зеленого, FF частей голубого.
каждый из знаков может быть от 0 до 9, или буквы от А до F. Таким образом вы можете синтезировать любой цвет.

Вот некоторые цвета и их код

  FF0000
  00FF00
  0000FF
  FFFF00
  000000
  FFFFFF
  999999
  009999
  FFFFCC
  CCFFFF

 

- изменение цвета текста

Для того чтобы изменить цвет текста на всей странице, или иными словами назначить цвет текста по умолчанию, надо в тег <body> добавить еще один параметр. Добавьте text="#FFFF00"

итого у нас тег <body> будет такой :

<body bgcolor="#00CCFF" text="#FFFF00">

Сохраните файл и посмотрите что получилось. Должно получиться ТАК.

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

Добавьте на страницу следующее

<br><font color="#0000FF">я буду богатым и свободным человеком !</font>

Код вашей странице теперь будет такой :

<html>
<head>
<title>Моя первая интернет страница всего лишь за 5 минут</title>
</head>

<body bgcolor="#00CCFF" text="#FFFF00">

Сегодня замечательный день. <br>Я сделал свою первую интернет страничку.

<br><font color="#0000FF">я буду богатым и свободным человеком !</font>

</body>

</html>

 

тег <br> как я писал ранее служит для принудительного переноса текста на следующую строку.

А выглядеть это будет вот ТАК.   дальше

Выравнивание материала сайта по центру

Форма входа

Календарь новостей
«  Май 2024  »
ПнВтСрЧтПтСбВс
  12345
6789101112
13141516171819
20212223242526
2728293031

Поиск

Друзья сайта


Copyright MyCorp © 2024Хостинг от uCoz