::Первый раз в 1-ый класс или как создать сайт при помощи html-тегов::..

Часть 1. С чего начинается Веб-сайт?

Как Вы наверное уже успели догадать, веб-страницы приобретают тот вид в котором мы их видим при помощи HTML-тегов. Синтаксис тегов очень прост. При помощи вот таких значков <> (больше меньше) и сочетания определенных букв англицкого алфавита получаются html-тэги определенного назначения и свойства. Все теги, как и любое действие, имеют начало и конец.

<+тег+><+/тег+> - такой вид имеют практически любые тэги (хотя есть теги которые не требуют завершающего тега, например тег <+hr+> -проводит горизонтальную линию)
<+тег+> - тег открытия;
<+/тег+> - тег завершения.

Примечание: для наглядности и чтобы браузер не распознавал описываемые теги, будем записывать их в следующем виде <+тег+><+/тег+> (имя реального тега), где в скобках будет написан реальный тег, его необходимо писать вместо тег, заключенного в знаки <>.

Внимание!!! + не ставятся!!!.
Любая html-страница должна начинаться и заканчиваться только одним тегом:

ТЕГ №1: <+html+><+/html+> (html) - именно с этого тега должна начинаться любая страница и им же заканчиваться. Если этих тегов нет, то браузер не распознает нашу страницу как html-документ и не сможет ее вывести в том виде, в котором хотелось бы видеть ее нам. Следующий основной HTML-тег:

ТЕГ №2:<+head+><+/head+> (head) - заголовок страницы. Внутри данного тега могут размещаться:

1) <+title+><+/title+> (title) - может только единожды использоваться внутри тега <+head+> и служит для идентификации содержимого документа. WEB-браузер выводит содержимое этого тега в заголовочной строке окна.
Например: посмотрите на название окна этой странице (home-job.fstyle4.net - Бесплатная информация для начинающих Веб мастеров... и т.д.) Именна эта надпись содержится между тегом <+title+><+/title+> данной html-страницы.

2) <+style+><+/style+> (style) - используется для определения правил отображения текста, графики, различных элементов управления и других составляющих элементов WEB-документа.
Например: создадим правило для отображения текста красным цветом. Данное правило можно создавать несколькими способами. Приведем некоторые примеры.

Пр.1:
Пишим наш тег: (не забывайте что + не нужно ставить)

<+style type=text/css+>
.redtext
{
color: red;
}
<+/style+>

Что такое .redtext?
Это своего рода индетификатор, который служит для обнаружения соотвествующего стиля, имя для даннго индетификатора должно быть единственным, и не должно повторяться в HTML-документе. Теперь для того чтобы задействовать соответствующий стиль, например для тега <+font+><+/font+> (этот тег определяет шрифт) пишим следующее:

<+font+ class=redtext>Здесь будет текст.<+/font+>

В результате должно получиться следующее: Здесь будет текст.

Пр.2:


<+style type=text/css+>
#redtext
{
color: red;
}
<+/style+>

Что такое #redtext?
Это тоже индетификатор, который служит для обнаружения соотвествующего стиля, имя для даннго индетификатора должно быть единственным, и не должно повторяться в HTML-документе. Теперь для того чтобы задействовать соответствующий стиль, например для тега <+font+><+/font+> (этот тег определяет шрифт) пишим следующее:

<+font+ id=redtext>Здесь будет текст.<+/font+>

В результате должно получиться следующее: Здесь будет текст.

Это не единственные теги которые могут размещатся внутри тега <+head+><+/head+> (head). Существуют и другие. ТЕГ №3:<+body+><+/body+> (body) - данный тег определяет тело html-документа. Внутри данного тега формируется внешний вид нашей будущей страницы: текст, изображения, таблицы, формы и др.

Итак, давайте подведем итог, и приведем пример общей простейшей структуры html-документа (с использованием тегов <+title+> и <+style+>):

<+html+>
<+head+>
<+title>Наша первая html-страница<+/title+>
<+style type=text/css+>
.redtext
{
color: red;
}
<+/style+>
<+/head+>
<+body+>
<+font+ class=redtext>Здесь будет текст или изображения или таблицы или формы нашей будущей страницы.<+/font+>
<+/body+>
<+/html+>

В результате должно получиться вот это: посмотреть страницу...

И последнее что хотелось сказать!!!

Создавать html-страничку можно в простейшем текстовом редакторе БЛОКНОТ, только при сохранении необходимо указать расширение для файла - html.