Презентация на тему: Язык HTML
Для управления сценариями просмотра страниц Website (гипертекстовой базы данных, выполненной в технологии World Wide Web) можно использовать языки программирования этих сценариев, например, JavaScript, Java и VBScript. Для управления сценариями просмотра страниц Website (гипертекстовой базы данных, выполненной в технологии World Wide Web) можно использовать языки программирования этих сценариев, например, JavaScript, Java и VBScript. Усложнение HTML и появление языков программирования привело к тому, что разработка Web-узлов стала делом высокопрофессиональным, требующим специализации по направлениям деятельности и постоянного изучения новых Web-технологий. Но возможности Internet позволяют пользователям, владеющим основами HTML, создавать и размещать собственные Web-узлы без больших затрат. Именно на таких пользователей и рассчитан предлагаемый курс.
Язык HTML позволяет определять структуру электронного документа с полиграфическим уровнем оформления; результирующий документ может содержать самые разнообразные элементы: иллюстрации, аудио- и видео- фрагменты и так далее. Язык включает в свой состав развитые средства для специфицирования нескольких уровней заголовков, шрифтовых выделений, различных групп объектов, например, словари, каталоги или меню для размещения иллюстраций и других фрагментов, а также множество других возможностей.
Теговая модель описания документа позволяет представить его в виде совокупности элементов, каждый из которых окружен тегом (управляющим HTML-кодом). Теговая модель описания документа позволяет представить его в виде совокупности элементов, каждый из которых окружен тегом (управляющим HTML-кодом). Документ HTML представляет собой не что иное, как обычный ASCII-файл, с добавленными в него управляющими HTML-кодами (тегами). Каждый тег начинается с левой угловой скобки "<" и заканчивается правой угловой скобкой ">". Между скобками записывается идентификатор тега и, если необходимо, дополнительные аргументы. Некоторые теги используются вместе с закрывающей парой, которая сигнализирует об окончании области действия соответствующего назначения. Закрывающая пара после левой угловой скобки содержит символ "/" (например, для тега наклонного шрифта <I> закрывающая пара представляет собой </I>, для тега заголовка <TITLE> закрывающей парой будет </TITLE>). Иногда тег с закрывающей парой называют контейнером в том смысле, что внутри него можно поместить содержательную информацию определенного характера. Структура HTML-документа позволяет использовать вложенные друг в друга контейнеры. Такой подход предполагает наличие еще одной компоненты технологии – интерпретатора языка. В WWW функции интерпретатора в основном выполняются клиентом-броузером.
Все теги HTML по их назначению и области действия можно разделить на следующие основные группы: Все теги HTML по их назначению и области действия можно разделить на следующие основные группы: структура документа; оформление блоков гипертекста (параграфы, списки, таблицы, картинки); гипертекстовые ссылки и закладки; формы для организации диалога; вызов программ.
HTML-документ представляет собой иерархию элементов документа, заключенных в "теговые скобки" В секцию головы всегда помещается заглавие документа (не путать с именем файла), которое при просмотре HTML-страницы появляется в заголовке окна броузера. Заглавие показывает общий смысл HTML-страницы. Для определения заглавия HTML-страницы применяется теговый контейнер <TITLE>, например: HTML-документ представляет собой иерархию элементов документа, заключенных в "теговые скобки" В секцию головы всегда помещается заглавие документа (не путать с именем файла), которое при просмотре HTML-страницы появляется в заголовке окна броузера. Заглавие показывает общий смысл HTML-страницы. Для определения заглавия HTML-страницы применяется теговый контейнер <TITLE>, например: <TITLE>Моя любимая страница</TITLE> <HTML> <HEAD> Голова документа </HEAD> <BODY> Тело, Содержание документа </BODY> </HTML>
Кроме классической структуры простого гипертекстового документа, современные броузеры поддерживают кадры - не перекрывающиеся области окна броузера, в которых возможно одновременно отображать несколько документов. Кроме классической структуры простого гипертекстового документа, современные броузеры поддерживают кадры - не перекрывающиеся области окна броузера, в которых возможно одновременно отображать несколько документов. Для формирования кадров используется контейнер набора кадров FRAMESET и тега FRAME. Альтернативное содержимое задается с помощью контейнера NOFRAMES: <HTML> <HEAD> Голова документа </HEAD> <Frameset ...> <FRAME ...> Связывание кадров <FRAME ...> c документами </FRAMESET> <NOFRAMES> Часть документа только для старых броузеров </NOFRAMES> </HTML>
Начальный тег FRAMESET определяет разбиение окна по строкам и столбцам, например: Начальный тег FRAMESET определяет разбиение окна по строкам и столбцам, например: <FRAMESET ROWS="60%,*" COLS="60%,20%, *">. Тег кадра FRAME устанавливает какой документ (атрибут SRC) первоначально выводится в кадре. Атрибут Name определяет имя целевого кадра для указания его в гиперссылках. Одна из распространенных компоновок кадров содержит левый узкий кадр для оглавления в виде гиперссылок и правый кадр для показа документов по этим ссылкам. Другая компоновка предлагает разбиение на верхний и нижний кадры. Посредством вложения контейнеров FRAMESET можно реализовать более сложные компоновки кадров, например, добавить верхний и нижний колонтитулы.
Для придания большей выразительности HTML-страницам применяются следующие теги и их закрывающие пары: Для придания большей выразительности HTML-страницам применяются следующие теги и их закрывающие пары: для использования жирного (bold) написания <B> и </B> для использования наклонного (italic) написания <I> и </I> для использования режима (underline) подчеркивания <U> и </U> В текст HTML-страницы могут быть добавлены заголовки и подзаголовки (с уровнем вложения до шести). Для этого применяются теги <H1>, <H2>, <H3>, <H4>, <H5>, <H6> с соответствующими закрывающими тегами. Для форматирования строк и абзацев используют следующие теги: <P> ... </P> - оформление отдельного абзаца, <BR> - принудительный перевод строки, <HR> - горизонтальная черта (разделитель), <PRE> ... </PRE> - передача текста без дополнительного форматирования.
Это так называемые способы физического выделения, они не зависят от реализации броузера, а есть логические стили (<EMP>, <BIG> и др.), форматирующие текст по-разному в различных броузерах. Это так называемые способы физического выделения, они не зависят от реализации броузера, а есть логические стили (<EMP>, <BIG> и др.), форматирующие текст по-разному в различных броузерах. Для оформления перечней в гипертексте определены три типа списков: неупорядоченные <UL>, упорядоченные <OL> и списки определений <DL>. Пример оформления неупорядоченного списка: <UL> <LI> Первый элемент <LI> Второй элемент <LI> Последний элемент </UL> Списки определений служат для создания глоссариев и индексов: <DL> <DT>Первый термин <DD>Определение первого термина <DT>Второй термин <DD>Определение второго термина </DL> Совместно с механизмом ссылок перечни позволяют строить простые меню.
