Учебник сайтостроения глава2

Создание и раскрутка сайта
Учебник Сайтостроения Глава вторая: "простейшие" (часть №1)
_________________________________________________________________________________________
 
 Итак, Вы дожили до второй главы, с чем вас и поздравляю ) 
С начала мы будем учиться раскрашивать. Для этого нам в первую очередь будет нужна 
палитра, её можно взять на нашем сайте(http://www.web-shed.narod.ru), 
а именно здесь (качайте не раздумывая без неё никак).

Зачем все это? А затем, что все цвета в Html прописываются с помощью шестизначного кода. 
Например, белый цвет – ffffff.

Но вернемся к нашей страничке. Попробуйте окрасить слова Добро Пожаловать в красный. 



<font color="#CC0000"> Добро пожаловать! :) </font>

Color – параметр (атрибут) для тэга font, он отвечает, в данном случае, за цвет 
заключенного в контейнер текста. Атрибут color, как и другие атрибуты, не 
принадлежит только одному тэгу, он может быть присвоен и некоторым другим тэгам.  

Чтобы изменить текст во всём документе нужно прописать соответсвующий параметр в тег BODY

<body text="#336699">

Цвет фона устанавливается так-же в тэге <body>: 

<body bgcolor="#000000">   

Я прописал цвет фона-Чёрный Вы можете выбрать любой другой.



В результате всех изменений код страницы должен выглядеть примерно так:

____________________________________________________________

<html>
<head>

<title>Мой первый сайт</title>
</head>
<body text="#336699" bgcolor="#000000">

Здравствуйте, это моя первая страница.
<br>
<font color="#CC0000"> Добро пожаловать!</font>  
</body>
</html>

____________________________________________________________


Как видите в тег body прописаны и цвет текста и цвет фона.То есть тегам можно задать 
сразу несколько атрибутов.





Следующий тег, который мы расмотрим, это тег <p></p> (называется параграф)



С помощью параграфов можно центрировать текст: 

<p align="center">текст</p> 

С помощью параграфов можно выровнять текст по левому краю: 

<p align="left">текст</p> 

По правому краю документа: 

<p align="right">текст</p> 

По обоим краям документа:

<p align="justify">текст</p>


Помните, что при использывании тега <p></p> автоматически происходит перенос текста на 
следующую строку.

Чтобы этого избежать можно употреблять тег <div>:

<div align="center"> текст </div> 
<div align="left"> текст </div> 
<div align="right"> текст </div> 
<div align="justify"> текст </div>



_________________________________________________________________________________________

<<<  Глава первая: "основы": Назад | Далее: глава вторая: простейшие (часть2)  >>>
Хостинг от uCoz
Обмен ссылками
