.
Пример простого HTML файла
Автор megabax   
10.07.2009 г.

Тема сегодняшнего урока

Уроки web-программирования. Пример простого HTML файла

Прежде чем начать изложение материала, немного расскажу о курсе «Web-программирование для чайников». В первых уроках я напишу о том, что такое HTML, для чего он нужен, с чем его «едят», и как написать простой сайт-представительство для фирмы. Затем, на основе этого сайт мы разработаем Интернет-магазин и будем улучшать и расширять его возможности.

Итак, перейдем непосредственно к теме. Начнем с того, что я отвечу на вопрос: Что такое HTML и нужно ли его знать, может, можно обойтись и без него?

Начну с того, что когда кто нибудь открывает в бразуере какой то сайт, ему из Интернета загружается файл в особом формате, называемом HTML,  и уже браузер преобразует его в тот вид, который наблюдает на экране пользователь. Создавать и редактировать такие файлы могут многие программы. Например тот же Microsoft Word или Front Page. Казалось бы, зачем изучать HTML, когда можно написать страничку в ворде, сохранить в HTML и «не париться».

А все дело в том, что HTML – это основа основ. Он может быть сгенерирован программной, написанной на языке PHP, которая расположена на самом WEB-сервере. А возможности у PHP такие, что ни Microsoft Word ни Front Page и близко не валялись. Например, в ворде не напишешь ни форум, ни баннерообменную сеть, ни Интернет магазин. А без знания HTML невозможно создать программу ни на PHP, ни на JavaScript.

И так, думаю, я достаточно ответил на вопрос, зачем изучать HTML. Теперь переходим к примеру, из которого вы поймете, насколько простая может быть структура HTML файла. Возьмите блокнот и создайте файл examle1.html и вставьте туда следующий текст:

 

<HTML>

<HEAD>

</HEAD>

<BODY>

Здесь будет сайт-представительство фирмы "Электроника в быту"

</BODY>

</HTML>

 

Если вы щелкните по файлу мышкой, у вас загрузиться бразуер, в котором отобразиться текст: «Здесь будет сайт представительство фирмы "Электроника в быту"». Правда, как то мелковато получилось. Давайте сделаем крупнее. Вместо «Здесь будет сайт представительство фирмы "Электроника в быту"» напишем «<font size=7>Здесь будет сайт представительство фирмы "Электроника в быту"</font>».

Вот как теперь будет выглядеть содержимое файла:

 

<HTML>

<HEAD>

</HEAD>

<BODY>

<font size=7>Здесь будет сайт-представительство фирмы "Электроника в быту"</font>

</BODY>

</HTML>

 

А текст, когда вы закроете и снова откроете в браузере файл или нажмете «обновить» отобразиться большими буквами.

А хотите разукрасить текст? Если в файл поместить вот такой текст:

<HTML>

<HEAD>

</HEAD>

<BODY>

<font size=7><font color=red>Здесь</font> <font color=green>будет сайт-представительство </font>фирмы "Электроника в <font color=blue>быту</font>"</font>

</BODY>

</HTML>

 

Откройте в браузере измененный файл и увидите такой вот текст:

 

Здесь будет сайт-представительство фирмы "Электроника в быту"

 

 

Теперь немножко о структуре файла. Вы уже заметили, что некоторые наборы букв заключены в такие вот скобки: <>. Такие наборы букв, месте со скобками называются «тэги». Тэг <HTML> обозначает, что это файл формата HTML. С него и начинается сам файл. Дальше идет заголовок, это текст между тэгами <HEAD></HEAD>, в нем располагается всякая служебная информация, а уже непосредственно за ним идет тело файла: <BODY>. В нем то как раз и находиться текст, который отображаться в браузере.

Как вы наверно догадались, знак / перед началом тэга обозначает конец действия тэга.

На этом первый урок завершен, в следующих уроках расскажу о самих тэгах.

 
Последнее обновление ( 30.09.2010 г. )