Лабораторная работа №4. Создание Web – страничек.
Основа каждой странички — язык разметки гипертекста, или HTML (сокращение от английского Hypertext Markup Language).
Документ, который написан на языке HTML, представляет собой простой текст, в который вставлены флаги разметки, или «тэги». Тэги объясняют компьютеру, как должен быть расположен текст на экране, в каком месте должны находиться рисунки, хранящиеся в совсем других файлах и так далее. С помощью тэгов формируются связи с другими web – сайтами и ресурсами Интернет. Просмотреть файл, написанный на языке HTML, можно в программе просмотра (Microsoft Internet Explorer, Netscape Navigator). Как пользоваться программой Вы уже знаете.
Тэги – это определенные последовательности символов, заключенные между знаками < (больше) и > (меньше).
Символ < — начало флага
Символ > — конец флага
Прописные и строчные буквы в написании флагов значения не имеют. Компьютер одинаково отреагирует на записи <title> и <TITLE>.
Любой HTML – документ, состоит из двух частей: заголовка и тела.
Все, что заключено между тэгами <HTML> и </HTML>, является документом HTML.
Между этими двумя флагами располагается то, что будет выводиться на экран программой просмотра – текст, картинки, видеофрагменты, тело странички, которое заключается между двумя флагами <BODY> и </BODY> .
Тэги бывают парные и непарные, открывающие и закрывающие. Отличительным признаком закрывающего тэга является символ /.
Область действия парного тэга начинается с того места, где стоит открывающий тэг, а кончается, где встречается закрывающий. Так, например, текст будет выводиться на экран полужирным шрифтом, если стоит между тэгами <B> и </B> .
Все форматирующие тэги всегда следуют парами и для открывающего тэга должен существовать закрывающий тэг.
Тэги могут быть и непарными. Например, для перехода на новую строку используется непарный тэг <BR>.
Заголовок и название
Информация о документе, которая не выводится на экран, называется заголовком. Он заключается между тэгами <HEAD> и </HEAD>. В заголовке HTML – документа содержится название странички, которое появится в рамке окна программы просмотра. Название странички располагается между флагами <TITLE> и </TITLE>. Например, <TITLE>Моя страничка</TITLE>.
Упражнение 1.
Попробуем создать самый простой HTML документ.
Для этого воспользуемся простым текстовым редактором «Блокнот».
Создайте на своем пользовательском диске папку HTML. В ней будут храниться все Ваши HTML – документы и графические файлы. Наберите в текстовом редакторе следующее:
<HTML>
<HEAD>
<TITLE>Моя страничка (заголовок)</TITLE>
</HEAD>
<BODY>
Привет! Это моя личная домашняя страничка!
</BODY>
</HTML>
Сохраните этот файл под названием ind1.htm в папке HTML. Затем откройте программу просмотра (например Microsoft Internet Explorer). Щелкните мышкой в графе меню по надписи «Файл», затем с помощью команды «Открыть» откройте Ваш файл.
Вы увидите примерно следующее…
Параграфы
Предположим, что Вы хотите разбить текст на параграфы. Для этого нужно перед началом параграфа поставить тэг <p>. Когда программа просмотра обнаружит этот тэг, то она сама вставит перед началом параграфа пустую строку.
Из рассмотренного ниже примера видно, что закрывает параграф тэг </p>
<p> текст </p>
Вместе с флагом параграфа можно задать параметры выравнивания (ALIGN):
По центру (CENTER)
По левому краю (LEFT)
По правому краю (RIGHT)
Рассмотрите примеры оформления текстов и постарайтесь запомнить соответствующие тэги.
Тэг <p align = left> обеспечит выравнивание текста параграфа по левому краю. При этом правый край окажется неровным, «рваным». Такой текст хотя и выглядит не очень аккуратным, но его все-таки легко читать.
(этот абзац выровнен по левому краю)
Чтобы выровнять текст абзаца по правому краю, используйте тэг <a align = right>. Тогда Ваш текст будет выглядеть так же, как этот. Такое выравнивание текста значительно затрудняет чтение, но привлекает к себе внимание. Поэтому его часто используют для оформления заголовков и эпиграфов.
Такого расположения текста можно добиться с помощью тэга
<p align = center>.
Его используют для оформления коротких заголовков, но большой текст, выровненный по центру, читать очень тяжело.
(этот текст выровнен по центру)