Файл: Образования российской федерации.docx

Язык программирования, в котором управляющие структуры и особенно структуры данных отражают характеристики определённой предметной области, например, коммерческих или научных расчётов, называется проблемно-ориентированным языком.
Аббревиатура HTML (Hyper Text Markup Language – гипертекстовый язык меток) служит наименованием одного из проблемно лриентированных языков. Алфавит языка HTML включает в себя строчные и прописные латинские буквы, цифры, знаки препинания, разделители (пробелы, переносы строк, абзацные отступы), знаки арифметических операций, специальные символы <, >, !, % и т. п. Текст программы на языке HTML называется HTML-документом. Расширение файла, содержащего HTML-документ, - htm или html, его можно создавать с помощью неформатирующего редактора, например, блокнота (исполняемый файл notepad.exe, расположенный в системной папке операционной системы семейства Windows).
Синтаксис и семантика языка HTML
Управляющие структуры языка HTML называются метками. Метка состоит из имени метки и, возможно, других компонентов, заключённых в угловые скобки. Метки делятся на парные и непарные. Парные метки располагаются парами, первая метка пары является открывающей, она отмечает начало области её действия, вторая метка пары — закрывающая — отмечает конец области действия пары. Внутри угловых скобок закрывающей метки стоит косая черта, а за ней - имя метки. Области действия различных парных меток могут содержаться одна в другой, но не должны накладываться друг на друга.
Пример HTML-документа (пример 1):





This is an example of an HTML-document




Парные метки , ограничивают содержимое HTML-документа. Область HTML-документа, заключённая между парными метками называется его заголовком, здесь обычно размещается разного рода служебная информация. Парные метки всегда располагаются внутри заголовка, между ними находится заглавие HTML-документа. Информационные символы, которые отображаются в рабочей области HTML-документа, находятся в его теле. Тело документа определяется парной меткой , . Непарная метка содержи комментарий.

Примечание:

head – рубрика, раздел, подзаголовок;

title – заглавие, название, заголоввок;

body – основная часть (чего-либо), корпус.
В 1959 году Н. Хомски (N. Chomsky) построил иерархию формальных языков, разделив их на 4 класса. Каждый класс более низкого уровня является частью класса более высокого уровня:

Тип языка	Грамматика языка	Автомат, распознающий конструкции языка
0	Грамматика, конструкции которой распознаются с помощью алгоритма	Машина Тьюринга
1	Контекстно-зависимая	Линейно-ограниченный автомат
2	Бесконтекстная (контекстно независимая)	Магазинный автомат
3	Регулярная	Конечный автомат

---

(в информатике номер объекта, занимающего более высокое положение в иерархии, меньше номера объекта, который занимает более низкое положение). Язык HTML относится к языкам с бесконтекстной грамматикой, конструкции которых способен распознавать магазинный автомат. Запоминающее устройство магазинного автомата представляет собой стек. Напомним, что все ячейки стека располагаются в порядке возрастания номеров. В каждый момент времени выделена одна из ячеек стека, которая называется его вершиной. Магазинный автомат читает HTML-документ и помещает каждую открывающую парную метку в ячейку, следующую за вершиной стека, после чего эта ячейка становится новой вершиной стека. В тот момент времени, когда он прочитывает закрывающую вершину стека, на вершине стека должна находится её парная открывающая метка. Автомат извлекает её из стека, вершиной стека становится предыдущая ячейка стека. Если автомат прочитал закрывающую метку, а стек пуст, или на вершине находится другая открывающая парная метка, автомат фиксирует наличие ошибки в тексте HTML-документа.
Метки HTML-документа представляют собой запросы к операционной системе компьютера, содержащие указания способов обработки символов, содержащихся в тексте. Взаимодействие HTML-документа с операционной системой компьютера обеспечивает специальная программа — интерпретатор, которая называется Web-браузером (browse – читать, обычно беспорядочно, browsing – поиск информации, первоначально подразумевалось, что он может преследовать цель получения несанкционированного доступа к конфиденциальным данным). Интерпретатор переводит запросы и команды языка программирования высокого уровня на язык машинных кодов, затем они выполняются.
Примерами Web-браузеров служат пакеты Internet Explorer (компания Microsoft) и Netscape Navigator (компания Netscape Communications).
ЛАБОРАТОРНАЯ РАБОТА № 4
Тема: разработка html-документов.
Цель лабораторной работы: овладение навыками составления простейших html-документов.
Теоретический материал



Мы будем создавать программы в текстовом редакторе операционной системы Windows, который называется блокнотом, исполняемым файлом служит файл notepad.exe. Текстовый процессор Word для этой цели не подходит так как его документ содержит служебную информацию, которую не понимает компилятор языка С.
В окне эмулятора командной строки блокнот вызывается командой

notepad.exe имя_файла.

---

Если на жёстком диске есть файл с именем имя_файла, то блокнот откроет его, если же такого файла нет, то блокнот попросит пользователя подтвердить, что надо создать файл с именем имя_файла.
Ход работы
Найдите на диске C: директорию (папку) Temp. Если этой папки нет, создайте её.

Запустите эмулятор командной строки cmd.exe

Сделайте папку Temp активной директорией эмулятора командной строки: для этого наберите в командной строке команду
cd C:\Temp
В начале командной строки должно появиться так называемое приглашение
C:\Temp >
Наберите в командной строке команду
notepad ex1.html
и подтвердите, что Вы хотите создать файл ex1.m
Наберите в окне блокнота текст html-документа





This is an example of an HTML-document




Набирайте текст html-документа в текстовом редакторе notepad, а не вставляйте его, копируя из файла Word!
Сохраните созданный текстовый документ, найдите его пиктограмму в папке Temp и откройте его командой контекстного меню правой кнопки мыши:
Открыть с помощью... | Internet Explorer
На экране появляется окно Web-браузер Internet Explorer. В строке заголовка содержится заглавие HTML-документа, комментарий в окно Web-браузера не выводится. В строке слева — URL-адрес HTML-документа. URL – формат информации, сообщающей о месте хранения ресурса сети Интернет. Он состоит из нескольких компонентов:
схема://адрес_узла/имя_папки/.../имя_папки/файл
Схема определяет тип ресурса. Для доступа к файлам на компьютере пользователя схемой служит слово file, /C| - адрес узла, Temp/ex1.html – папка, содержащая файл HTML-документа, его имя и расширение:
file:///C|/Temp/HTML\ex1.html

В поздних версиях браузера Internet Explorer вместо URL-адреса файла выводится его полное имя (полный путь к файлу):
C:\Temp\HTML\ex1.html

В рабочей области окна браузера отображается строка из тела HTML-документа.
Все метки, которые мы будем рассматривать в дальнейшем, размещаются в теле HTML-документа. Создайте следующие html-документы (примеры 2 - 10), запустите их с помощью браузера и объясните результаты его работы.
Обычно Web-браузер пропускает перенос строки в HTML-документе:
Пример 2





This is an example of an HTML-document

Это пример HTML-документа


This is an example of an HTML-document


Это пример HTML-документа

---

Заголовок текста первого уровня

Заголовок текста второго уровня

This is an example of an HTML-документа


This is an example of an HTML-документа

Ссылка на документ ex11b.html

Текст документа ex11a.html

Это не документ ex11b, это документ ex11a.html

Ссылка на документ ex11a.html

Текст документа ex11b.html

Это не документ ex11a, это документ ex11b.html

---

Скрипт Java Script




Cкрипт Java Script завершён




В языке Java Script массив является объектом. В примере 3_9 выполнения программного модуля сначала создаётся пустой массив my_array, а затем метод my_array.push объекта my_array в него элементы:
Пример 3_9




Скрипт Java Script




Cкрипт Java Script завершён




Заметим, что значения пустого массива не выводятся на экран.
Доступ к значениям элементов массива осуществляется обычным способом:
Пример 3_10




Скрипт Java Script




Cкрипт Java Script завершён

Скрипт Java Script





Cкрипт Java Script завершён

Скрипт Java Script





Cкрипт Java Script завершён

Продолжение следует

Скрипт Java Script





Cкрипт Java Script завершён

Продолжение следует









Напомним, что, как правило, идентификаторы языка Java Script обозначают объекты, которые представляют собой комплексы переменных и подпрограмм, переменные называются полями или свойствами объекта, а подпрограммы - его методами. Наименование поля или метода объекта стоит после имени объекта, и отделяется от имени объекта точкой.
Создание объектов в языке JavaScript
Разработчик может создавать свои объекты. Для этого используется команда
имяОбъекта = new Object
Созданный объект является наследником класса Object. Он содержит все поля и методы объектов класса Object, но к ним можно добавлять новые плдя и методы. В дальнейшем обращение к полям и методам созданного объекта осуществляется с помощью конструкции
имяОбъекта.имяПоля_или_имяОбъекта.имяМетода.
В следующем HTML-документе разработчик создаёт объект Student и задаёт значение его поля FirstName. Имя поля может быть произвольным:

file C:\Temp\HTML\ex_3_17.html -->





В следующем фрагменте функция Ans становится методом Answer объекта Student





В следующем фрагменте html-файла вызывается программа, написанная на языке Java Script, которая содержится в файле с расширением JavaScript

---