| >>> Зарабатывайте до 30% в месяц Подробнее... |
Раскрашиваем интернет-страницу
Итак, после
того как вы создали свою первую интернет-страницу, наверняка у вас появилось
желание раскрасить ее в те цвета какие вы хотите.
Этим мы сейчас и займемся.
Наш исходный код на данный момент, после прошлого урока такой :
<html>
<head>
<title>Моя первая интернет страница всего лишь за 5 минут</title>
</head>
<body>
Сегодня замечательный день. <br>Я сделал свою первую интернет страничку.
</body>
</html>
- Изменение цвета фона страницы.
Добавьте в тег <BODY> следующий параметр тега bgcolor="#00CCFF", чтобы в итоге получилось так
<body bgcolor="#00CCFF">
Внимание! наиболее частая проблема в этом
уроке. 00 это цифры ноль, а не буквы ОО.
Также, нельзя писать слитно без пробела <bodybgcolor="#00CCFF">.
Кавычки следует писать именно такие " , нажимая 2 и удерживая при
этом нажатым SHIFT. Некоторые пишут две вот таких кавычки `
или две вот таких ' , получающиеся
при нажатии буквы э в англоязычной раскладке клавиатуры. Это не правильно.
Будьте внимательны!
Сохраните вашу страницу (Файл->Сохранить) и откройте вашу страницу (или
нажмите обновить если вы не закрывали страницу).
Должно получиться так.
Для создания цветов на странице используется RGB-модель. Т.е. любой цвет "составляется" из 3 основных цветов - Red Green Blue.
запись из нашего примера #00CCFF расшифровывается
так : 00 частей красного, СС
частей зеленого, FF частей голубого.
каждый из знаков может быть от 0 до 9, или буквы от А до F. Таким образом вы
можете синтезировать любой цвет.
Вот некоторые цвета и их код
| FF0000 | |
| 00FF00 | |
| 0000FF | |
| FFFF00 | |
| 000000 | |
| FFFFFF | |
| 999999 | |
| 009999 | |
| FFFFCC | |
| CCFFFF |
Некоторые стандартные цвета можно указывать соотвествующими английскими словами. Например, написав bgcolor="blue" , или red (красный), green(зеленый), black (черный), white (белый) и т.д. Но как вы понимаете, указание цветов в цифро-буквенном формате позволяет использовать бОльшую палитру цветов.
Чтобы подобрать нужный вам цвет и узнать его 16-ричный код, можете воспользоваться специальной утилитой.
- изменение цвета текста
Для того чтобы изменить цвет текста на всей странице, или иными словами назначить цвет текста по умолчанию, надо в тег <body> добавить еще один параметр. Добавьте text="#FFFF00"
итого у нас тег <body> будет такой :
<body bgcolor="#00CCFF" text="#FFFF00">
Опять же будьте внимательны, отделяя параметры пробелами.
<body bgcolor="#00CCFF" text="#FFFF00"> -правильно
<bodybgcolor="#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> как я писал ранее служит для принудительного переноса текста на следующую строку.
А выглядеть это будет вот ТАК.
Урок 3. Выравнивание материала
сайта по центру.
Урок 4. Вставляем на страницу
картинку.
Урок 5. Форматирование текста
жирным и курсивом.
Урок 6. Изменяем размер шрифта.
Урок 7. Делаем ссылки на другие
страницы/сайты.
Урок 8. Таблицы. Как делать таблицы.
Параметры таблиц.
Урок 9. Пример создания 2х-страничного
сайта.