Как создать свой сайт на языках HTML и CSS.


HTML CSS Коды цветов Заработать



Программы

HtmlReader

Хостинги


Hu4.ru

Блоки.

Для создания блоков используется тег <div>...</div> Для того, чтобы изменить фон , ширину , высоту , выравнивание текста блока используется css код.

background:#000000 - цвет фона блока

width:400px - ширина блока

height:400px - высота блока

text-align:center - выравнивание текста в блоке div по центру

Каждому блоку можно задать свой класс и идентификатор.

<!DOCTYPE HTML>

<HTML>

<head>

<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />

<style type="text/css">

.qwer{background:#000000; width:400px; height:400px; text-align:center; color:#ffffff; border-style:dashed; border-color:#ffffff;}

</style>

</head>

<body>

<div class="qwer">

<p>текст</p> <p>текст</p>

</div>

</body>

</HTML>

текст

текст

Можно именить вид границы блока с помощью свойства border.

border-style - тип границы

border-color - цвет границы

<!DOCTYPE HTML>

<HTML>

<head>

<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />

<style type="text/css">

.qwer{background:#000000; width:400px; height:400px; text-align:center; color:#ffffff; border-width:4px; border-color:#0c9c0d;}

</style>

</head>

<body>

<div class="qwert>

<p>текст</p> <p>текст</p>

</div>

</body>

</HTML>

текст

текст

Предыдущий урок Главная Следующий урок

CSS

Что такое CSS

Фон страницы

Оформление таблицы

Текст

Идентификаторы и классы

Внешний вид ссылки

Границы

Блоки

Свойство float

left,right

font-family

font-size

font-style

font-variant

font

font-weight

font-stetch

margin

margin-bottom

margin-left

margin-right

margin-top

\u042f\u043d\u0434\u0435\u043a\u0441.\u041c\u0435\u0442\u0440\u0438\u043a\u0430 Индекс цитирован.