////////////////////////////////////////////////////////////////////////////////>
 |
Как создать свой первый сайт? (Часть 2) |
 |
 |
В прошлой статье мы научились создавать простенькую html страничку, которой еще очень далеко до настоящего сайта. Сейчас мы станем на один шаг ближе к нашей цели - мы научимся раскрашивать нашу страничку.
Что же можно раскрасить на нашей странице? Ответ прост: текст и фон.
Как же раскрасить текст?
Для того, чтобы раскрасить текст, необходимо поместить текст внутри тегов <font color="#CC0000"></font>, где СС0000 - это цвет, в который мы будем раскрашивать наш текст, представленный в шестнадцатеричной форме. В нашем случае это красный цвет.
Рассмотрим пример:
<html>
<body>
<font color="#CC0000">
Это моя первая страница
</font>
</body>
</html>
Страница с данным кодом будет выглядеть следующим образом:

Номер цвета можно взять из таблицы безопасных цветов с сайта: web.artlebedev.ru
Если же вы будете использовать какой-то другой цвет, то нет гарантий, что он будет правильно отображаться на странице.
Если уж мы заговорили о теге font, то нельзя не сказать, что с помощью него так же можно менять размер текста, как это делается смотрим в примере:
<html>
<body>
<font size="+4" >Это моя первая страница </font>
<font size="+3" >Это моя первая страница </font>
<font size="+2" >Это моя первая страница </font>
<font size="+1" >Это моя первая страница </font>
<font size="+0" >Это моя первая страница </font>
<font size="-1" >Это моя первая страница </font>
<font size="-2" >Это моя первая страница </font>
</body>
</html>
Теперь настало время рассмотреть второй вопрос: как же раскрасить фон?
Для раскрашивания фона необходимо в тег body указать параметр bgcolor="#FF9966", где FF9966 - цвет.
Рассмотрим простенький пример:
<html>
<body bgcolor="#FF9966" >
Это моя первая страница
</body>
</html>
Страница будет иметь вид:

Ну вот мы и научились раскрашивать нашу страничку всеми цветами радуги, но пока не стоит обольщаться, ведь главное еще впереди.
uogyrt специально для Nuikak.ru
|
|
| |
 |
 |
 |
 |
////////////////////////////////////////////////////////////////////////////////>