Блог. Выпуск 2.

Урок 3.

Синтаксис и атрибуты основного поля web-странички.
Блочное форматирование текста.

    Уважаемый подписчик!

    Сейчас перейдем непосредственно к телу HTML документа. То, что располагается между ярлыками <BODY> и </BODY>. Между этими ярлыками располагается вся информация, размещаемая на странички сайта. Атрибуты ярлыка <BODY> задают параметры основного поля страницы.

     <BODY> - Этот элемент является контейнером. Содержит тело HTML документа.
    Синтаксис: <BODY BGCOLOR ="#53BCD7" BASKGROUND =" imade.jpg" TEXT =#000000 LEFTMARGIN="20px" RIGHTMARGIN="20px" TOPMARGIN="20px" BOTTOMMARGIN="20px" LINK =#000000 ALLINK =#000000 VLLINK =#000000>…Ярлыки HTML, описывающие тело документа…. </BODY>

    Атрибуты: BGCOLOR= задаёт цвет поля страницы (экрана);
BASKGROUND = делает картинку фоном поля страницы (экрана);
TEXT= задаёт цвет шрифта поля страницы (экрана);
LEFTMARGIN = задаёт отступ с левой стороны страницы;
RIGHTMARGIN = задаёт отступ с правой стороны страницы;
TOPMARGIN = задаёт отступ сверху страницы;
BOTTOMMARGIN= задаёт отступ снизу страницы;
LINK= задаёт цвет линка (ссылки на другую страницу) при открытии страницы;
ALLINK= задаёт цвет линка при нажатии на линк;
VLLINK= задаёт цвет линка после нажатия на линк;
( О линках и картинках мы поговорим позже).
    Если Вы не зададите атрибуты, страничка будет иметь вид, заданный по умолчанию web-браузером.

    Открой свой файл first.html и в нём после ярлыка <BODY> напиши следующий текст с соблюдением заголовка, строк, абзацев, пробелов и т.п.:
<html>
<head>
<title>Это мой первый файл.</title>
</head>
<body>

Глава 1. Форматирование

Что такое HTML?

Язык HTML не является языком программирования в том смысле, в каком мы привыкли представлять себе такие языки программирования, как С, С++, Java, Basic и другие.
При помощи HTML мы не сможем написать полноценное приложение, которое бы работало в системе, Windows или какой, либо другой операционной системе. HTML предназначен для создания документов, размещаемых на Web- сервере, доступ к которому осуществляется по сети Интернет через браузер.

Автор Иванов.

</body>
</html>
    Сохрани изменения в файле. И открой его в браузере.
    Ну, что не получилось того, что хотелось? Не расстраивайся - это нормально. Сейчас, чтобы понять, в чём суть происходящего отформатируем этот текст по законам HTML. В первую очередь рассмотрим элементы блочного форматирования текстов.
    Для оформления иерархии заголовков в HTML используются ярлыки <H1>, <H2>….<H6>. Парные закрывающие ярлыки помещаются сразу после окончания текста заголовка. Самый крупный заголовок при ярлыке <H1>, а самый мелкий при <H6>.
    Чтобы отделить один параграфа от другого в начале каждого параграфа ставят ярлык <P>. Зарывающий ярлык </P> необязателен. Если необходимо перейти к новой строке, в конце старой строки ставят ярлык <BR>. Закрывающего ярлыка </ BR > нет. Для того чтобы получить абзац надо перед началом строки поставить (& с буквами nbsp и ;). Чем больше таких знаков поставим, тем больше будет отступ.
    Вновь в блокноте открой файл first.html и с учётом вышесказанного отформатируй текст следующим образом:
<html>
<head>
<title>Это мой первый файл.</title>
</head>
<body>
<H1>Глава 1. Форматирование</H1>
<H2> Что такое HTML? </H2>
<p>&.nbsp;&.nbsp;&.nbsp;&.nbsp;Язык HTML не является языком программирования в том смысле, в каком мы привыкли представлять себе такие языки программирования, как С, С++, Java, Basic и другие.
<br>&.nbsp;&.nbsp;&.nbsp;&.nbsp; При помощи HTML мы не сможем написать полноценное приложение, которое бы работало в системе, Windows или какой, либо другой операционной системе. HTML предназначен для создания документов, размещаемых на Web- сервере, доступ к которому осуществляется по сети Интернет через браузер.
<p align="right">Автор Иванов.</p>
</body>
</html>

(Примечание:в знаке &.nbsp; после & точку не ставте. Это сделано чисто в показательных целях, так как браузер иначе этот знак не показывает.)

    Сохрани изменения и загрузи файл в браузере. Ну, что картина изменилась к лучшему? Я рад!
    А на сегодня ВСЁ. В следующем выпуске мы научимся работать со списками.

Не забудь скачать свой очередной бонус
Электронная книга - О. Александровой "Где живёт Ваш сайт".

Хостинг от uCoz