Тема: Основные понятия языка HTML. Структура документа HTML
Цель работы:знакомство студентов с основными понятиями языка HTML, структурой HTML-документа, обязательными метками, комментариями, способами форматирования текста, физическими и логическими стилями, приобретение навыков создания простейших статических Web-документов.
Теоретические сведения:
Термин HyperText Markup Language (HTML) – означает «язык маркировки гипертекстов» и включает в себя различные способы оформления гипертекстовых документов. Для того чтобы создать Web-страницу, можно использовать текстовый редактор Notepad (Блокнот).
Откройте любую Web-страничку. То, что вы видите в браузере, это ее "лицо". Чтобы увидеть "изнанку" Web-страницы, выполните команду View | HTML Code (Вид | Просмотр HTML кода). Откроется текстовый редактор Блокнот, в котором вы увидите "устройство" этой страницы.
Гипертекст – информационная структура, позволяющая устанавливать смысловые связи между элементами текста на экране компьютера таким образом, чтобы можно было легко осуществлять переходы от одного элемента к другому. На практике в гипертексте некоторые слова выделяют путем подчеркивания или окрашивания в другой цвет (гиперссылки). Выделение слова говорит о наличии связи этого слова с некоторым документом, вкотором тема, связанная с выделенным словом, рассматривается более подробно.
Отдельный документ, выполненный в формате HTML, называется:
· HTML-документом;
· Web-документом;
· Web-страницей.
Такие страницы, как правило, имеют расширение НТМ или HTML.
Гиперссылка – фрагмент текста, который является указателем на другой файл или объект. Гиперссылки необходимы для того, чтобы обеспечить возможность перехода от одного документа к другому.
Группа Web-страниц, принадлежащих одному автору или одному издателю и взаимосвязанных общими гиперссылками, образует структуру, которая называется Web-узлом, или Web-сайтом.
Каждая HTML-страница имеет свой уникальный URL-адрес в Интернете.
Фрейм (Frame) – этот термин имеет два значения. Первое – область документа со своими полосами прокрутки. Второе значение – одиночное изображение в анимационном графическом файле (кадр).
Апплет (Applet) – программа, передаваемая на компьютер клиента в виде отдельного файла и запускаемая при просмотре Web-страницы.
Скрипт, или сценарий (Script), – программа, включенная в состав Web-страницы для расширения ее возможностей. Браузер Internet Explorer в определенных ситуациях выводит сообщение: "Разрешить выполнение сценариев на странице?" В этом случае имеются в виду скрипты.
CGI (Common Gateway Interface) – общее название программ, которые, работая на сервере, позволяют расширять возможности Web-страниц. Например, без таких программ невозможно создание интерактивных Web-страниц.
Браузер (Browser) – программа для просмотра Web-страниц.
Элемент – конструкция языка HTML. Можно представить его себе как контейнер, содержащий данные и позволяющий отформатировать их определенным образом. Любая Web-страница представляет собой набор элементов. Одна из основных идей гипертекста возможность вложения элементов.
Пример
<Начало элемента>Содержание элемента, данные, которые форматирует элемент </Конец элемента>
Тэг (по-английски — tag-метка, дескриптор, ярлык) – начальный или конечный маркеры элемента. Тэги определяют границы действия элементов и отделяют элементы друг от друга. В тексте Web-страницы тэги заключаются в угловые скобки < >, а конечный тэг всегда снабжается косой чертой. Текст, не находящийся между такими скобками < > – весь виден, при просмотре в браузере.
Пример
<Начальный тэг>Содержание элемента, данные, которые форматирует элемент </Конечный тэг>
Пример
<Р>Этот текст будет расположен в отдельном абзаце </Р>
Элемент, содержащий некоторый текст, ограничен начальным тэгом (маркером) <р> и конечным тэгом (маркером) </р>, т. е. текст помещен между тэгами, как в контейнер, а тэги <р> и </р> размечают начало и конец абзаца соответственно.
Любая Web-страница представляет собой набор элементов. Один из основных принципов HTML возможность вложения элементов, они могут вкладываться один в другой.
Атрибут – параметр или свойство элемента. Атрибуты располагаются внутри начального тэга и отделяются друг от друга пробелами. Если элемент содержит текст, то атрибуты могут задавать цвет и размер шрифта, выравнивание текстового абзаца и т. п. Если элемент содержит рисунок, то атрибуты могут задавать размер рисунка, наличие и размер рамки вокруг рисунка и пр.
Пример
<Р align="center"> Этот текст будет выровнен по центру экрана </р>
В этом примере опять встречается тэг, определяющий начало и конец абзаца. Однако в начальном тэге находится атрибут align, который задает выравнивание текста по центру экрана.
Примечание:
· любая полезная информация должна находится между начальным и конечным тэгами, указывающими ее формат;
· все атрибуты располагаются в начальном тэге;
· для удобства работы начальный тэг вы можете писать с прописной (заглавной) буквы (Р), а конечный – со строчной (маленькой) буквы (/р) хотя это и не обязательно;
· не для всех элементов требуется ставить конечный (закрывающий) тэг.
· написание каждого нового элемента начинайте с новой строки. Вложенные элементы выделяйте отступом (табуляцией). Это опять – таки не обязательно, но значительно облегчит вашу работу.
