Ваша первая HTML страница

 

С чего начать:

Это так же просто, как прост сам язык H.T.M.L. Откройте любой редактор текста (NotePad) и можете набирать в тексте <ТЭГИ>
Что такое <ТЭГ> ?
На самом деле это маркер, который говорит броузеру (программа просмотра веб страниц):

<Tag>Я хочу чтобы ты сделал что-то вот здесь и завершил вот тут</Tag>

Можно использовать параметры тэгов по умолчанию (когда вы пишите просто <Тэг>), а можно добавлять все новые и новые возможности, и читать документацию по HTML.

    <Html>
О чем это говорит броузеру ? эй, посмотри на меня я HTML страница.

    <Head>
Этот тэг говорит программе: Я хочу, чтобы ты поместил это в заголовке страницы.

    <Title>
А здесь надо указать название страницы, которое будет сверху написано на окне броузера. Не стоит писать длинные фразы здесь.

    </title>
Зачем надо повторять этот тэг второй раз ? Посмотрите внимательно, перед вторым тэгом, точнее перед самим названием тэга, стоит косая черта (слэш): </>. Она говорит броузеру: с этого места действие тэга отменяется

    </head>

    <body>
А вот тут вы можете использовать как раз всю свою мощь и креатив, для того чтобы показать всему миру то, что вы хотите. Это как раз то место в HTML коде, где будут размещаться текст, изображения, ссылки и тд.

    </body>

    </html>
И конечно же надо указать броузеру, где находится конец страницы (ставим тэг со слэшом).


Редактирование, сохранение, просмотр...

Как только мы сделали стартовую страницу, нам надо её сохранить. Зачем ? Просто потому что надо. Мы же, как любые программисты, должны сохранять свою работу перед запуском.

1. Войдите в меню File (Файл) вашего текстового редактора.

2. Выберите Save As (Сохранить как)

3. В открывшемся окне наберите простое имя для вашей страницы. Например page1.html. Зачем нужно .html в конце ? Это указывает системе, что вы хотите сохранить не просто текстовой файл (*.txt), а файл в формате html, то есть веб страницу. Такие файлы могут быть открыты программой просмотра (броузером) Не закрывайте пока ваш текстовой редактор.

4. Откройте броузер (Internet Explorer). Выберите меню File - > Open

5. Откроется диалоговое окно. Нажмите на browse (просмотреть).

6. Найдите на локальном диске вашу страницу, которую вы сохранили на третьем шаге. Кликните на ней и на кнопке Open (открыть). Вот так ! Ваша страница появилась на экране броузера. Если вы все сделали правильно, вверху, на окне броузера написано имя вашей страницы, которое вы указали в тэге title.

Можно делать изменения в HTML коде страницы и сразу просматривать их в броузере. После того, как вы что-нибудь изменили в коде страницы, вам надо выбрать в меню вашего текстового редактора: File -> Save. А затем можно просто перейти в окно броузера и кликнуть на кнопке Refresh. Страница обновится и вы увидите все изменения в действии.

(Держу пари вы не остановитесь на двух страницах)

 

Hosted by uCoz