| Пример простого 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>». Вот как теперь будет выглядеть содержимое файла:
</HEAD> <BODY> <font size=7>Здесь будет сайт-представительство фирмы "Электроника в быту"</font> </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 г. ) |
| « След. | Пред. » |
|---|
