Web-пргораммирование для чайников. Урок 1. Пример простого HTML файла.
- Об уроке
- Читать урок
Тема сегодняшнего урока: «Пример простого HTML файла».
Прежде чем начать изложение материала, немного расскажу о курсе «Web-программирование для чайников». В первых выпусках я напишу о том, что такое HTML, для чего он нужен, с чем его «едят», Затем мы будем изучать такие технологии и языки программирования как CSS, JS, PHP, AJAX, JQuery.
Итак, перейдем непосредственно к теме. Начнем с того, что я отвечу на вопрос: Что такое 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>. В нем то как раз и находиться текст, который отображаться в браузере.
Как вы наверно догадались, знак / перед началом тэга обозначает конец действия тэга.
На этом первый урок завершен, в следующих выпусках расскажу о самих тэгах.
С уважением, Александр.
Другие уроки по программированию можно найти здесь.
Комментарии: Добавить комментарий
Пока нет комментариев.
Добавьте ваш комментарий:
Чтобы оставить комментарий вам нужно войти на сайт или зарегистрироваться.