Рейтинг@Mail.ru
    Работа \ Обучение \ Web-пргораммирование для чайников. Урок 1. Пример простого HTML файла.

    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>. В нем то как раз и находиться текст, который отображаться в браузере.

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

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


    С уважением, Александр.


    Другие уроки по программированию можно найти здесь.



    Теги: HTML , WEB , php , JQUERY , JS , CSS , сайт , программирование , вэб
    Смотрели:

    всего 20717 раз



    Комментарии: Добавить комментарий

    Пока нет комментариев.

    Добавьте ваш комментарий:

    Чтобы оставить комментарий вам нужно войти на сайт или зарегистрироваться.