Раскрашиваем страницуИтак, после того как вы создали свою первую интернет-страницу, наверняка у вас появилось желание раскрасить ее в те цвета какие вы хотите. Этим мы сейчас и займемся. Наш исходный код на данный момент, после прошлого урока такой : <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 (белый) и т.д. Но как вы понимаете, указание цветов в цифро-буквенном формате позволяет использовать бОльшую палитру цветов. - изменение цвета текста Для того чтобы изменить цвет текста на всей странице, или иными словами назначить цвет текста по умолчанию, надо в тег <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х-страничного сайта.
|