OneLWB Вторник, 23.04.2024, 20:32
Приветствую Вас Гость | RSS
Меню сайта

ПОСТОЯННЫЙ ДОХОД !
start LiQPoweR Хaлявa 5 кoп WMlink.ru - рекламный брокер

Партнеры Сайта

ПРОВЕРЕНО-ПЛАТЯТ !
WMmail.ru - сервис почтовых рассылок

Заработок на Сайте
WMlink.ru - рекламный брокер

Категории раздела
Мои статьи [111]

Главная » Статьи » Мои статьи

Урок 2. Раскрашиваем интернет-страницу и текст.

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

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

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

 

 

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

<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х-страничного сайта.



Категория: Мои статьи | Добавил: LWB (16.11.2010) | Автор: LWB E
Просмотров: 643 | Рейтинг: 0.0/0
Всего комментариев: 0
Поиск

Теги

Спонсор Сайта

СоциальныеЗакладки

Тут Твои Деньги !
start LiQPoweR Хaлявa 5 кoп Веб-депозит : Вклады от 10 центов! WMmail.ru - сервис почтовых рассылок WMlink.ru - рекламный брокер

Посетители Сайта
Locations of visitors to this page

Статистика

Онлайн всего: 1
Гостей: 1
Пользователей: 0

Форма входа

Copyright MyCorp © 2024Сделать бесплатный сайт с uCoz