Итак, начнём с того, что язык HTML основан на использовании тэгов.
Тэги - это команды, которые указывают браузеру, где и как расположить на странице текст и картинки, а также позволяют организовывать ссылки на другие документы.
Для того, чтобы ваш браузер не путал тэги с текстом, их отмечают треугольными скобками < и >. Большинство тэгов, как правило, используются парами. Т.е. первым идет открывающий тэг, он объясняет браузеру, что делать с текстом который последует далее. Затем следует закрывающий тэг, который указывает область действия первого. Отличается закрывающий тэг от открывающего наличием в нем косой черты - слэша. Т.е. Открывающий тэг будет выглядеть <>, а закрывающий </>
Например:
<b>Этот цвет выделен жирным шрифтом</b> А этот нет -пишите вы в редакторе, жмете "Сохранить" и на экране вы видите вот что:
Этот цвет выделен жирным шрифтом А этот нет
Теперь рассмотрим, из чего, вообще (в основном), состоит HTML документ. Сам документ ограничивается тэгами <HTML> и </HTML> - браузер должен знать, где страница начинается, и где заканчивается. Состоит из заголовка (теги <HEAD> и </HEAD>), содежащего различную информацию о документе, и, собственно, тела документа (теги <BODY></BODY>), т.е. того, что вы видите в окне браузера. В заголовке находится заглавие (или название) страницы, рекомендуется не более 64 символов, теги < TITLE> и <TITLE>.
Например:
<HTML>
<HEAD>
<TITLE>Название страницы</TITLE>
</HEAD>
<BODY>Здесь нходится всё-всё содержимое.
</BODY>
</HTML>
Чуть не забыла, что теги не чувствительны к регистру, т.е. <TITLE>,<title> и <TitLe> для браузера абсолютно одинаковы.
Итак, настало время для "домашки"..
№1
Скажите, что вы поняли из этого урока?
№2
1. Отрываем текстовый редактор "Блокнот".
2. Наберите приведённый выше пример в Блокноте.
3. Сотрите надпись "Здесь нходится всё-всё содержимое." И наберите там какой-нибудь текст.
4. Сохраните его следующим образом: "Имя файла.html" Например: "winx.html".
5. Закройте текстовый редактор "Блокнот".
6. Заново откройте сохранённый вами файл, сдеайте скриншот (Клавишей Print Screen(PrtSc))
7. Выложите получившийся графический файл в эту тему.
