extracted_text:
Содержание.
1) Введение
 Что такое HTML
 HTML как явление нашей жизни
2) История HTML
 Версии HTML
3) Особенности гипертекста
4) Синтаксис языка
 Строение WEBстраницы
 Правила синтаксиса
 Кодирование символов
 Использование спецсимволов
 Типы данных
 Управление цветом
5) Вывод
6) Описание браузеров
 Просмотр WEBстраницы
 Microsoft Internet Explorer
 Netscape Communicator
7) Терминология
8) Список литературы 2
Введение
 Что такое HTML?
Термин HTML (Hyper Text Markup Language) означает "язык маркировки
гипертекстов". Это понятие более широкое, включает в себя Интернет и
локальные   сети,   редакторы,   броузеры,   разнообразные   програмные
продукты,   компактдиски,   обучающие   курсы,   дизайн   и   многое   другое.
HTML
–   своеобразная   противоположность   сложным   языкам
программирования, известным только специалистам.
 HTML как явление нашей жизни
HTML  давно перестал быть просто языком программирования. Человек,
изучавший   этот   язык,   обретает   возможность   делать   сложные   вещи
простыми способами и, главное, быстро, что в компьютерном мире не так
уж и мало. Гипертекст подходит для включения элементов мультимедиа в
традиционные   документы.   Практически   именно   благодаря   развитию
гипертекста, большинство пользователей получило возможность создавать
собственные мультимедийные продукты и распространять их на компакт
дисках.   Такие   информационные   системы,   выполненные   в   виде   набора
HTMLстраниц, не требует разработки специальных программных средств,
так   как   все   необходимые   инструменты   для   работы   с   данными   (WEB
браузеры)   стали   частью   стандартного   программного   обеспечения
большинства   персональных   компьютеров.   От   пользователя   требуется
выполнить   только   ту   работу,
  которая   относится   к   тематике
разрабатываемого   продукта:   подготовить   тексты,   нарисовать   рисунки,
создать HTMLстраницы и продумать связь между ними.
HTML является основой моды в Интернете.
HTML, как основа создания  WEBстраниц, имеет прямое отношение и к
новому   направлению   изобразительного   искусства   –  WEBдизайн.
Художнику   в   Интернете   недостаточно   просто   нарисовать   красивые
картинки,   оригинальный   логотип,   создать   новый   фирменный   стиль.   Он
должен   еще   поместить   все   это   в   Сети,   продумать   связь   между  WEB
страницами, чтобы все двигалось, откликалась на действие пользователя,
поражало   воображение,   вызывало   желание   создать   чтонибудь   свое,
оригинальное в этой области.
История HTML
2 3
 Версии HTML
Первая версия HTML была разработана в 1989 году Тимом БенерсЛи для
популярного в прошлом браузера Mosaic. Но в то время ни для языка, ни
для броузера не нашлось достойного применения. В 1993 году появился
HTML+ , и эта версия также осталась практически незамеченной. Начало
широкого использования гипертекста дала версия 2.0  которая, появилась в
июне 1994 года. Это был год роста популярности  WWW  по всему миру.
Элементы, включенные в версию 2 , в большинстве своем используются по
сей день.
В   версии   3.0  HTML,   которая   появилась   год   спустя,   была   реализована
возможность   прорисовки   математических   символов   (знаков   интервала,
бесконечности, дроби, скобок и т.д.) при помощи элементов языка. Под эту
версию был разработан браузер Arena. Но этот проект оказался тупиковым
и не получил дальнейшего распространения.
В   1996   году   появился  HTML  3.2.   Это   было   новаторское   решение,   в
спецификацию языка были введены фреймы, которые стали теперь весьма
популярны   у   разработчиков  WEBстраниц.   Даже   сейчас   на   основе   этой
спецификации   можно   реализовать   интересные   дизайнерские   решения.
Практически все современные броузеры поддерживают версию 3.2, поэтому
авторы WEBстраниц уверенны в работоспособности всех элементов.
Наряду с официальными спецификациями языка, которые разрабатывались
организацией  W3C  (W3 Консорциум ),компаниипроизводители браузеров
создавали собственные элементы (расширения). Впоследствии, некоторые
из   этих   элементов,   после   получения   всеобщего   признания   включились   в
спецификацию   следующих   версий   языка.   Но   новаторское   решение   –
фреймы,   не   были   включены   в   спецификацию   3.2.   Но   браузеры
поддерживали   фреймы   и   многие   книги,  посвященные  HTML,  содержали
описание фреймов без упоминания о том, что это нестандартные элементы.
В последствии, фреймы стали стандартом дефакто. В версии 4 они уже
были включены на полном основании.
И наоборот, элементы  APPLET  и  SCRIPT, необходимые для расширения
HTML  другими программными кодами   версии 3.2, не сыграли той роли,
которую   были   призваны   сыграть.   Это   объясняется   тем,   что   броузеры
различных   версий   поразному     интерпретировали   программы   на   разных
языках  JAVA,  JAVASCKRIPT,  Visual  Basic  (VBScript).   В   результате   не
удалось получить достаточно надежный работающий код, и данные языки
использовались любителями HTML в основном для экспериментов.
Официальная спецификация  HTML  4 (Dynamic  HTML) появилась в 1997
году. В это время уже было очевидно, что дальнейшее развитие гипертекста
будет осуществляться за счет скрипт  программирования. Это оказалось
немногим более эффективным, чем вводить в язык все новые элементы.
3 4
Появившиеся в то время браузеры (Netscape Navigator 4, Microsoft Internet
Explorer 4 и др.) уже достаточно надежно интерпретировали программный
код   (был   установлен   определенный   уровень   стандартизации).   Однако
проблемы   у   разработчиков   еще   остались.   В   качестве   примера   можно
отметить, что многие скрипты начинаются с определения версии броузера,
чтобы потом использовать тот или иной фрагмент кода. Очевидно, что на
программиста   ложится   обязанность   тестирования   страниц   на   всех
популярных в настоящие время броузерах.
В   результате,   использование   всех   возможностей  Dynamic  HTML    стало
уделом программистов достаточно крупных организаций, где есть условия
для   разработки   сложных   программ   и   всестороннего   их   тестирования.
Создателям личных  WEBстраниц подчас приходится искать компромисс
между   надежностью   и   новаторством,   чтобы   получить   достаточно
грамотный HTMLкод.
Особенности гипертекста
Основная   особенность   гипертекстового   документа      это   способность
получить   сложные   эффекты   форматирования   простыми   и   наглядными
методами.   Сравним   гипертекстовый   документ,   например,   с   файлом   в
формате MS Word. В том и другом случаях можно использовать одни и те
же приемы форматирования: выбор шрифта, курсив, выравнивание, вставку
таблиц, рисунков и т.д. Но в документах Word механизм форматирования
скрыт от пользователя, работать с файлом можно только в самом редакторе
или программе, поддерживающей его формат. С гипертекстом дело состоит
иначе.  Такой   документ  можно   открыть   в  любом   текстовом   редакторе   и
увидеть, где и каким образом отформатирован текст.   Просмотреть или
распечатать документ в отформатированном виде возможно тоже только в
специальном приложении гипертекстовом редакторе или броузере.
Открытость   структуры   гипертекстовых   документов   позволяют   фирмам
разработчикам самые разные программные продукты, а пользователь может
выбрать себе подходящую программу.
Разработчик  HTMLдокумента   может   выбрать   способ   работы   с   ним.
Теоретически с гипертекстом можно работать даже на уровне  MSDOS  в
любом   редакторе,   открывающем  ASCIIфайлы.   Это   требует   от
пользователя обязательного знания большинства элементов HTML. Можно
использовать для создания гипертекста и броузер. Любая из этих программ
имеет режим редактирования  WEBстраницы в режиме «источника». Для
4 5
этого может подключатся один из установленных на компьютере текстовых
редакторов.   Броузеры   имеют   и   встроенные   редакторы   гипертекста.
Существуют гипертекстовые редакторы, которые используют только для
разработки  WEBстраниц   и   создания   на   них   визуальных   и   звуковых
эффектов.
Способы   создания   гипертекста   обеспечивают   его   абсолютную
платформенную независимость. Создавая  WEBстраницу   на компьютере,
который работает под управлением  Windows, можно не сомневаться, что
администратор   сервера   сможет   использовать   файлы   на   компьютере,
работающем под управлением UNIX или другой операционной системы.
Основной особенностью HTML   является принцип, по которому не только
допускается   вложение   одних   элементов   в   другие,   но   и   декларируется
необходимость такого вложения. Это отличие  HTML  от других языков, в
которых теоретически можно  написать код без  вложенных  конструкций.
Каждый элемент HTML допускает непосредственное вложение только ряда
элементов,   которые   в   свою   очередь,   допускают   вложение   других,
разрешенных для них, и т.д. Таким способом формируется не только общая
структура гипертекста, но и создаются разнообразные визуальные эффекты.
Все элементы языка можно разделить на три группы. К первой относятся
элементы,   которые   создают   структуру   гипертекстового   документа.
Использование   таких   элементов   необходимо.   Ко   второй   группе   можно
отнести   элементы,
  Их
использование   диктуется   конкретными   требованиями   к   документу,
фантазией   и   компетенцией   разработчика.   К   третьей   группе   относятся
элементы,   которые   позволяют   управлять   программными   средствами,
установленными   и   работающими   на   компьютереклиенте.   Часто   такие
элементы   создаются   автоматически,   когда   разработчик   использует   для
вставки   некоторого   объекта   в   документ   гипертекстовый   редактор   или
подобную программу.
Несмотря на то, что спецификация HTML является стандартом, этот язык
дополняется   новыми   элементами   (расширениями).   Поэтому   некоторые
WEBстраницы   удобнее   просматривать   при   помощи   определенных
браузеров.  Расширения   создаются   только   известными   фирмами,  которые
разрабатывают   программное   обеспечение   для  WWW,   а   рядовые
пользователи   могут   совершенствовать   свои  WEBстраницы   при   помощи
программирования. Апплеты позволяют снять ограничения  HTML  и дают
простор фантазии разработчика.
  создающие   элементы   форматирования.
5 6
Синтаксис HTML.
 Структура WEBстраницы
Заготовка типичной WEBстраницы:

 Структура WEBстраницы
 H2 {fontfamily: Arbat;}
CODE { fontfamily: Arial;}

Переход к  конец  документа
Переход к   ссылке 1

 Заголовок 1
 Заголовок 2
 Заголовок 3
 Заголовок 4
 Заголовок 5
 Заголовок 6

Здесь расположена  ссылка 1

 Здесь должен располагаться оригинальный текст WEBстраницы

Переход в начало документа

Если   рассмотреть   исходные   тексты   различных  WEBстраниц,   то   можно
легко увидеть схожесть их структуры. Это объясняется тем, что документы
создаются по определенным правилам. В основу синтаксиса языка   HTML
6 7
лег стандарт ISO 8879:1986 «Information processing. Text and office systems.
Standard   Generalized   Markup   Language   (SGML)».
 Правда,   существует
большое   различие   между   стандартом   официальном   и   стандартом
фактическим.
  развивается,   дополняется   новыми
элементами.
Рассмотрим основные элементы HTML.
 HTML  постоянно

Означает документ на языке HTML. Я уже упоминал о том, что одним из
принципов   языка  является   многоуровневое   вложение  элементов.  Данный
элемент является самым внешним, так как между его начальным и коечным
тегами должна находится вся  WEB – страница. В принципе этот элемент.
Он имеет атрибуты version, long и dir, которыми в данном случае редко кто
пользуется,   и   допускает   вложение   элементов  HEAD,  BODY  и   других,
определяющую общую структуру WEBстраницы. Конечным тегом
оканчиваются все документы в формате HTML.

Область заголовка Web – страницы, её первая часть. HEAD  служит только
для формирования общей структуры документа. Этот элемент может иметь
атрибуты  IANG,  DIR,   должен   включать   элемент  TITLE  и   допускает
вложение элементов BASE, META, LINK, OBJECT, SCARIPT, STULE.

Элемент   для   размещения   заголовка  Web  –   страницы.   Строка   текста   ,
расположенного внутри этого элемента, отображается не в документе, а в
заголовке окна броузера. Эта строка часто используется при организации
поиска в WWW. Эта строка должна достаточно точно отражать назначение
документа.

Элемент   для   описания   стиля   некоторых   элементов  Web  –   страницы.   В
файле Strukt. Html назначены шрифты для элементов h2, code. Для каждого
элемента   существует   стилевое   оформление   по   умолчанию,   поэтому
употребление элемента  style не обязательно, но желательно. Этот элемент
введён сравнительно недавно, без него немыслима работа в приложениях
World, Excel.

Элемент   содержит   служебную   информацию,   которая   не   отражается   при
просмотре  Web страницы. Внутри него нет текста в обычном понимании,
поэтому   нет   и   конечного   тега.   Каждый   элемент  Meta  содержит   два
основных атрибута, первый из которых определяет тип данных, а второй –
содержание. Вот несколько примеров meta – данных:
Дата, обозначающая срок годности документа:
Name – “Expires”  content = “Дата”
7 8
Адрес электронной почты:
Name = “Reply – to” content = “ Имя @ Адрес “
Имя автора Webстраницы:
Name = “Author” content = “ Имя автора”
Набор ключевых слов для поиска:
Name = “Keywords” content = “слово 1, слово 2, слово 3…”
Краткое описание содержания Web страницы:
Name = “Description” content = “Содержание страницы”
Описание типа и характеристик Web – страницы:
Name = “Content – Type” content = “ Описание страницы”
Указание приложения, в котором была создана Web – страница:
Name = “Generator” content = “Название HTML – редактора”
Атрибут  Name  используется   приложением   –   клиентом   для   получения
дополнительной информации о  Web  – страницах и их упорядочения. Его
часто   заменяют   атрибутом  http  –  equiv.   Он   используется   сервером   для
создания дополнительных полей при выполнении запроса.
Элемент META может содержать URL. Шаблон атрибута таков:
URL = “http: // адрес”

Этот элемент заключает в себе гипертекст, который определяет собственно
Web – страницу. Конечный тег этого элемента надо искать в конце HTML
файла.   Внутри   элемента  BODY  можно   использовать   все   элементы,
предназначенные   для   дизайна  Webстраницы.   Внутри   начального   тега
элемента  BODY  можно   расположить   ряд   атрибутов,   обеспечивающих
установки для всей страницы целиком.
Атрибут, определяющий фон страницы, является одним из самых важных
для дизайна.
background = “Путь к файлу”
Более простое оформление фона сводится к заданию его цвета:
bgcolor = “#RRGGBB”
Цвета фона задается тремя двухразрядными шестнадцатеричными числами,
которые   определяют   интенсивность   красного,   зеленого   и   синего.   Оба
приведенных   выше   атрибута   не   являются   альтернативными   и   часто
используются   совместно:   если   по   какимлибо   причинам   не   может   быть
найден рисунок фона, используется цвет.
Поскольку фон станицы может изменятся, необходимо иметь возможность
подбирать   соответственный   цвет   текста.   Для   этого   имеются   следующей
атрибут:
text = “#RRGGBB”
Для задания цвета текста гиперссылок используются следующие атрибуты:
link = “#RRGGBB”
Точно так же можно задать цвет для просмотренных гиперссылок:
8 9
vlink = “#RRGGBB”
Можно   также   указать   изменение   цвета   для   последней   выбранный
пользователем гиперссылки:
Alink = “#RRGGBB”

В   любом   языке   программирования   есть   конструкции,   позволяющие
создавать произвольные ремарки.  HTML  в этом смысле – не исключение.
Текст,   введений   внутри   этого   элемента,   игнорируется   браузером.   Эти
элементы могут располагаться в любом месте  WEBстраницы. Признаком
комментария служит восклицательный знак, а текст комментария должен
обрамляться двойным дефисом. Например:

Элемент   заголовка.   Существует   шесть   уровней   заголовка,   которые
обозначаются  H1…H6. Заголовок  уровня 1 самый крупный, а уровень 6
обеспечивает   самый   маленький   заголовок.   Для   заголовков   могут
использовать   атрибуты,   задающие   выравнивание   влево,   по   центру   или
вправо:
align = “left”
align = “center”
align = “right”

Горизонтальная   линия   –   очень   часто   используемый   элемент.   Вопервых,
потому что с его помощью очень удобно делить страницу на части.
Вовторых, потому что выбор подобных элементов оформления у автора
страницы   очень   небольшой.   Этот   элемент   не   имеет   конечного   тега,   но
допускает ряд атрибутов для выравнивания влево, по центру, вправо, по
ширине:
align = “left”
align = “center”
align = “right”
align = “justify”
Можно задать толщину линии:
Size = толщина в пикселях
Можно управлять длиной линии:
width = длина в пикселях
width = длина в процентах
Можно выбрать цвет:
color = “цвет”

HTMLдокумент может быть очень большим, и в этом случае нужно иметь
возможность   быстрого  перемещения  к   нужному  разделу   документа.  Для
9 10
этого   можно   использовать   механизм   гиперссылок.   Необходимо   также   в
нужных   местах   текста   расставить   соответствующие   метки.   Шаблон   для
создания меток таков:
Произвольный текст
В   данном   случае   данной   строке   документа   присваивается   имя,   и,
следовательно, в другой части документа или даже на другом документе
может быть создана гиперссылка, приводящая в эту точку. Для перехода
внутри документа можно использовать следующую конструкцию:
Переход к метке
Несколько   подобных   строк   могут   образовать   своеобразное   оглавление
Webстраницы, которое можно разместить в начале и в конце документа.

Элемент для задания базового адреса (URL) для ссылок. Это позволяет
опускать начальную часть адреса в ссылках документа. Для использования
этого элемента необходимо использовать следующую конструкцию:

Фрагмент   адреса  путь1  не   является   обязательным.   При   формировании
полного адреса он будет отброшен. Если в тексте документа встретится
относительная ссылка
Видимый текст ссылки,
то она будет соответствовать URL
http: // компьютер/путь 2/имя документа. Html
В   том   случае,   когда   надо   задать   базовый   адрес   для   локального   диска
(например, D), должна быть использована такая конструкция:

 Правила синтаксиса
При использовании каждого элемента важно знать, какие элементы могут
располагаться внутри него, и внутри каких элементов может находиться он
сам. Так, взаимное расположение элементов HTML, HEAD, TITLE, BODY
должно   быть   стандартным   на   любой   странице,   в   тех   случаях,   когда   не
используются   фреймы.   Если   страница   представляет   собой   документ
планировки   фреймов,   то   вместо   элемента  BODY  используется   элемент
FRAMESET.
10 11
Существуют группы элементов, которые используются совместно. К ним
относятся элементы для создания таблиц, списков, фреймов. В этом случае
порядок   вложения   элементов   определяется   логикой   создания   того   или
иного  объекта   на странице.  Таблицы  и фреймы  часто  используются  для
того,   чтобы   разместить   детали   страницы   (рисунки,   текст   и   др.)   в
определённом   порядке.   Например,   располагая   рисунок  внутри  ячейки
таблицы, можно добиться определённого его положения.
Большое   количество   элементов,
  которые   используются   для
форматирования   текста,   допускают   самые   разнообразные   варианты
вложения.   И   сами   они   обязательно   должны   располагаться   внутри
определённых элементов.
Например, есть два абзаца (первый в зелёной рамке) и таблица:
 Текст абзаца 1
… Текст абзаца 2
Таблица   в   данном   случае   –   независимый   элемент.   Её   можно,   например,
выравнивать независимо от остального текста.
Можно использовать другой код:
Текст абзаца 1

…
 текст абзаца 2
Исчез   конечный   тег   первого   абзаца.   Теперь   таблица   является   частью
первого абзаца, и зелёная рамка будет охватывать таблицу и текст.
И наоборот, элемент P может находиться внутри таблицы: например, один
элемент ячейки TD может содержать несколько абзацев P.
Правила   синтаксиса   распространяются   и   на   использование   стартового   и
конечного   тегов,   атрибутов   и   содержимого   элемента.   Нельзя   путать
понятия   «элемент»   и   «тег».  Элемент   –  это   контейнер,   содержащий
атрибуты   внутри   стартового   тега   и   полезную   информацию   между
стартовым   и   конечным   тегами.  Тег   –  это   конструкция,   заключённая   в
угловые   скобки   и   используемая   для   обозначения   области   действия
элемента.
Некоторые   элементы   не   имеют   конечного   тега.   Элементу  BR,
обозначающему конец строки, не нужен конечный тег. Некоторые элементы
могут использоваться с конечным тегом и без него. Элемент абзаца P может
иметь   конечный   тег   ,   но   если   тег   не   задан,   то   признаком   окончания
действия элемента служит следующий элемент, который может логически
определить   конец   текущего   абзаца:   другой   элемент  P,   элемент   рисунка
IMG, элемент списка UL, элемент таблицы TABLE и др.
Важным   правилом,   которое   не   имеет   исключений,   является   размещение
атрибутов элемента внутри начального тега.
11 12
 Unicode
 Кодирование символов
Основным   языком   Интернета   является   английский   язык.   Но   для
гипертекстовых   документов   предусмотрено   использование   национальных
алфавитов. Стандартным режимом отображения является кодировка  ISO
Latin  1   (ISO  88591).   Она   подходит   как   для  MSDOS  (набор   символов
ASCCII), так и для Windows. В тоже время браузеры поддерживают набор
символов
2.0   (ISO10646),   что   позволяет   использовать
национальные алфавиты. Это означает, что символы могут кодироваться
однобайтовым   числом  (коды   в   пределах  0255)   или   двухбайтовым  (065
535).   В   первом   случае   для   использования   национального   алфавита
необходим атрибут charset, так как одни и те же коды символов могут быть
интерпретированы поразному для различных кодовых страниц.
Кириллица   (Windows)   и/или   Кириллица   (Кои8Р)   –   это   две   наиболее
популярные в нашей стране кодировки.
Если в документе есть  указание  на определённую кодовую страницу, то
выбор   шрифта   будет   предопределён.   Коды   32127,   то   есть   знаки
препинания,   цифры   и   буквы   латинского   алфавита,   отображаются
правильно, а коды 128255 могут отображаться поразному.
Если кодовая страница указана неправильно, то, например, при создании
гипертекстовых   документов   в  MS  FrontPage  Express  в   текст   страницы
автоматически добавляется конструкция типа  charset  =xxxxx, которая не
позволяет использовать кириллицу. В этом случае необходимо правильно
указать значение атрибута: charset =windows1251.
Если   документ   использует   кодировку  Unicode,   то   для   работы   с   ним
подойдут такие средства, как Блокнот, Norton Commander или WordPad, и
придётся   остановиться   на   гипертекстовом   редакторе.   В   этом   случае
русская буква А будет выглядеть в режиме «источника» так А (в
десятичной   кодировке).   Такую   страницу   будет   сложно   читать   и
редактировать.   Поэтому   каждый   новый   редактор   надо   тестировать   на
возможность   использования   русских   букв:   набрать   небольшой   текст,
сохранить документ, а затем просмотреть его в режиме источника.
 Использование символов
В HTML и в браузерах реализована возможность прорисовки символов по
их   кодам.   Символы   могут   быть   общепринятыми,   нестандартными   и
используемыми   в  HTML  в   качестве   служебных   символов.   Их   называют
спецсимволами. Первый способ ввода спецсимвола заключается в указании
его   кода.   Например,   латинскую   букву   А   можно   задать   так:   A.   Для
некоторых символов предусмотрена мнемоническая кодировка.
Часто используемые спецсимволы (по стандарту ISO 8859 – 1):
12 Код символа Числовой
код
34
38
60
62
153
160
162
163
164
165
166
167
169
171
172
174
176
177
178
179
181
182
183
185
"
&
<
>
™

¢
£
¤
¥
¦
§
©
«
¬
®
°
±
²
³
µ
¶
·
¹
Название
Символ
13
Мнемоничес
кий код
"
&
<
>
&trade
Прямая
кавычка
Амперсанд
знак
«меньше»
Знак
«больше»
Торговая
марка
“
&
<
>
™
¢
£
¤
¥
¦
§
©
«
¬
®
°
±
²
³
µ
¶
∙
¹

Неразрывный
пробел
Цент
Фунт
Знак валюты
Йена
Вертикальная
строка
Знак
параграфа
Знак
копирайта
Левая
типографска
я кавычка
Знак
отрицания
Знак
“зарегистрир
овано”
Знак градуса
Знак “плюс
минус»
Степень 2
Степень 3
Знак «микро»
Знак абзаца
Точка
маркер
Степень 1
¢
£
¤
¥
¦
§
©
«
¬
®
°
±
²
³
&mikro
¶
·
¹
13 187
188
189
215
247
»
¼
½
×
14
»
¼
½
×
÷
÷
Правая
типографска
я кавычка
Одна
четвёртая
Одна вторая
Знак
умножения /
кавычки/
Знак деления
»
¼
½
*
/
Для   отделения   символа   от   последующего   текста   надо   вводить   точку   с
запятой.
Мнемонические   символы   бывают   очень   полезны,   особенно   для   тех
символов, которые нельзя ввести с клавиатуры. Например, для указания
разрешения экрана можно использовать такую конструкцию:
640× 480
Двойная   кавычка,   угловые   скобки   и   амперсанд   (<,   >,   &)   являются
служебными в HTML. Если их надо использовать в обычном тексте на Web
странице, то они должны быть указаны только при помощи кодов.
Кириллица   тоже   может   быть   реализована   в   виде   набора   спецсимволов.
Русские буквы расположены (при кодировании Windows1251) в том месте
кодовой   таблицы,   где   первоначально   располагались   латинские   буквы   с
тильдами,   умляутами.   Поэтому   англоязычные   редакторы  HTML  при
переключении клавиатурного регистра часто записывают кириллицу в виде
кодов.
Типы данных
Основным   типом   данных  Webстраницы   является   текстовой   тип.
Существует много элементов, которые являются контейнерами для текста,
или используются для форматирования текста. Числовые и мнемонические
коды, обозначающие символы, предваряются знаком амперсанта &. Таким
образом, амперсанд и угловые скобки могут быть введены в текст не на
прямую,   а   только   при   помощи   кодов.   Текстовые   данные,   являющиеся
значениями атрибутов, заключаются в прямые двойные кавычки.
Числовые   данные   требуются   только   для   указания   значений   атрибутов   и
записываются без кавычек.
Гиперссылки обычно состоят из двух частей: текста подсказки и адреса,
который   определяет   координату   перехода.   Текст   подсказки   или
заменяющий   его   рисунок   располагается   внутри   элемента   А,   а   адрес
задаётся при  помощи атрибута  href. Гиперссылка  обычно выделяется на
фоне текста цветом или подчёркиванием. Вид указателя мыши обязательно
изменяется, когда он помещается над гиперссылкой.
14 15
Существуют   правила   для   определения   размеров   элементов.   Размер,
заданный   обычным   числом,   выражается   в   пикселях.   Например,   задаётся
длина горизонтальной линии в 100 пикселов:

Горизонтальный   размер   может   быть   задан   в   процентном   отношении   к
ширине окна броузера:

Если   размер   окна   будет   изменён,   то   изменится   и   длина   горизонтальной
линии.
Символ * может использоваться для разделения пространства страницы в
определённых пропорциях. Два   способа определения фреймов ( атрибут
cols  создаёт  фреймы с  вертикальным   делением),  причём  левый фрейм  в
данном случае всегда будет в три раза уже, чем правый.

 Управление цветом
Кодирование   цвета   используется   для   раскрашивания   шрифтов,
горизонтальных   линий   и   фона,   других   элементов   страницы.   Цвета

обозначаются
английскими
числовыми
шестнадцатеричными   кодами.
  Существует   несколько   атрибутов,
значениями   которых   являются   параметры   цвета.   Самый   простой   способ
определить   цвет   –   написать   название   цвета   на   английском   языке.   Так,
например, задаётся красный цвет шрифта в элементе FONT:
Color = “red”
Допустимые названия цветов:
названиями

или

Русское название
Английское название
Аквамарин
Белый
Жёлтый
Зелёный
Золотой
Индиго
Каштановый
Красный
Оливковый
Оранжевый
Пурпурный
Светлозелёный
Серебристый
Серый
Aqua
White
Yellow
Green
Gold
Indigo
Maroon
Red
Olive
Orange
Purple
Lime
Silver
Gray
15
RGB – код
#00FFFF
#FFFFFF
#FFFF00
#008000
#FF0700
#4B0080
#800000
#FF0000
#808000
#FF0000
#800080
#00FF00
#C0C0C0
#808080 Сизый
Синий
Ультрамарин
Фиолетовый
Фуксиновый
Чёрный
16
Teal
Blue
Navy
Violet
Fuchsia
Black
#008080
#0000FF
#000080
#EE80EE
#FF00FF
#000000
Но в общем случае цвет определяется  RGB  – кодом. Любой цвет в этом
случае представляется как комбинация красного (R), зелёного (G), синего
(B)   цветов,   взятых   в   определённых   пропорциях.   Доля   каждой   цветовой
составляющей   определяется   интенсивностью   цвета   и   выражается
двуразрядным шестнадцатеричным числом. В десятичном исчислении эти
числа   соответствуют   диапазону   от   0   до   255.   В  Windows–95   это
соответствует   цветовому   режиму   монитора  True  Color  (24разрядное
двоичное кодирование цвета).
В выше приведённой таблице видно, что для формирования стандартных
цветов часто используются или крайние значения интенсивности базового
цвета 00 и  FF, или среднее значение 80. Выбрав цвет, можно увидеть его
численные характеристики, и наоборот, задав численные значения, получить
новый оттенок.
Ещё   одно   направление   применения   цвета:   элемент  HR,   создающий
горизонтальную   линию,   допускает   использование   ряда   атрибутов.   С   их
помощью линию можно превратить в цветной прямоугольник.   Его можно
использовать   для   разделения   частей   страницы   или   в   качестве   маркеров
списка.
HTML – код, рисующий радугу на Webстранице:
 Радуга

K
0
Ж
З
Г
С
Ф

Цветовая   проработка
 Webстраницы   является   альтернативой
многочисленных рисунков и позволяет обеспечить более быструю загрузку
документа.
16 17
Вывод
HTML  –   это   более   простой   язык   программирования,   понятный   любому
пользователю   Сети.   Он   позволяет   ему   создавать   сложные   документы
простым и быстрым способом.   Это одна из отличительных особенностей
гипертекста. Гипертекст лучше других подходит для включения графики,
звуков и других элементов мультимедиа в документы.
Благодаря   развитию   гипертекста,   большинство   пользователей   имеет
возможность создавать собственные WEBстраницы или сайты.
Все,   что   обсуждается   на   страницах   виртуальных   журналов   в   Сети,   в
телевизионных передачах, посвященных Интернету, так или иначе связанно
с языком разметки гипертекста: красивые рисунки, интерактивность WEB
страниц,   борьба   двух   производителей   броузеров   (Microsoft  и  Netscape),
бизнес, игры и др.
В   дальнейшем   развитие  HTML  будет   происходить   не   за   счет   введения
новых элементов языка, а за счет скрипов и апплетов. HTML – монополист
разметки  WEBстраниц, но уже сейчас появился соперник (Flesh  4), хотя
HTML в ближайшем будущем останется основным языком разметки WEB
страниц.
Описание браузеров
 Просмотр WEBстраниц
Программы,   необходимые   для   просмотра   гипертекста   –   браузеры,
которые   используются   не   только   как   средство   просмотра,   но   и   как
почтовые программы, а также как средство загрузки файлов посредствам
FTP.   Две   основные   функции   браузеров:   просмотр  WEBстраниц   и
редактирования их содержимого (элементы HTML).
В   мире   создано   немало   программ   для   просмотра  HTMLдокументов:
Mosaic,
 Opera  и   др.   Наиболее
популярными броузерами, которые обеспечивают корректный просмотр
Internet  Explorer  и  Netscape
гипертекста,   являются  Microsoft
Communicator.
 Global  Network  Navigator,
 Cello,
 Microsoft Internet Explorer
Этот браузер фирмы  Microsoft  удобен первую очередь тем, что является
полностью русифицированным. В данный момент наиболее распространены 4
и 5 версии этого браузера. Microsoft Internet Explorer (MSIE) настолько тесно
17 18
интегрирована с Windows, что его трудно назвать автономной программой.
Скорее, это один из компонентов операционной системы.
Работа   с   браузером   может   начинаться   с   подключения   к   Интернату   или
вестись автономно, если все необходимые файлы находятся на локальном
диске   (то   есть,   диске   своего   компьютера).   В   поле  Адрес  на   панели
инструментов   указывается  URL.   Адрес   предваряется   кодом,   который
определяет, с какой подсистемой Интерната мы хотим работать. Например,
если   мы   ищем   сайт   компании  Microsoft,   то   адрес   должен   быть   таким:
http//Microsoft.com.
Код  http  указывает   на   то,   что   программа   должна   работать   с   системой
гипертекстовых   документов   и   использовать   соответственный   протокол
(Hypertext  Transfer  Protocol).   Но   могут   быть   и   другие   варианты   адреса.
Например, адрес с кодом ftp указывает на архив файлов, доступных по FTP,
код  mailto  обозначает   адрес   электронной   почты,   а   код  file  –  файл   на
собственном компьютере.
После   указания  URL  браузер   загружает   данные   из   Интернета   и
демонстрирует   гипертекстовой   документ,   находящийся   по   заданному
адресу.
Найдя   какую   –   нибудь   организацию,   вначале   увидим   ее   «домашнюю»
страницу   (home  page)   .   На   ней   есть   подчеркнутые   надписи   –   ссылки   на
другие страницы. Весь комплекс страниц  (сайт)  велик и его нельзя увидеть
целиком. Гиперссылки позволяют передвигаться по страницам или частям
одной страницы. Гиперссылкой может быть не только надпись, но и значок,
рисунок или часть  рисунка. Браузер  имеет  кнопки  «Вперед»  и «Назад»,
которые позволяют вернуться к пройденным страницам. Каждой странице
соответствует   один   или   несколько   файлов,   которые   браузер   помещает   в
папку временного хранения (кэш).
Кнопка «Остановить» позволяет прервать загрузку страницы. Применять ее
можно в нескольких случаях: 1) Когда  страница еще загружается, 2) Когда
на странице много графики и нет времени ждать, пока она вся загрузится, 3)
Когда браузер пытается открыть несуществующие документы.
Кнопка  «Обновить»  используется   редко.   При   изменении   файла,   чтобы
увидеть как он будет выглядеть, можно только обновить документ.
18 Кнопка  «Назад»  позволяет   перейти   на   страницу,   которая   была   открыта
ранее. Эта возможность есть не во всяком документе.
19
Кнопка  «Вперед»  обеспечивает   движение   по   цепочке   просмотренных
документов вперед, если были выполнены переходы назад.
«Домашняя   страница»  (home  page)   понятие   условное.   Каждая   фирма,
работающая   в   Сети,   имеет   свою   домашнюю   страницу.   Адрес   домашней
страницы   указывается   в   качестве   параметра   программы   и   может   быть
изменен.
Поиск в Интернете осуществляется путем перехода к странице  поискового
сервера.
Кнопка  «Избранное»  указывает   каталог   необходимых  Webстраниц.
Используя   эту   кнопку,   можно   добавить   текущую   страницу   в   список
избранных страниц или дать команду браузеру загрузить любую из страниц,
перечисленных в списке.
Кнопка «Печать» выводит на печать текущий документ.
Кнопка «Размер» изменяет размер шрифта на текущей странице.
19 20
Просмотр   компонентов  WEBстраниц,   в   некоторых   случаях,   вызывает
открытие еще одного окна браузера. При помощи значков на панели задач
необходимо закрывать ненужные окна, чтобы не перегружать компьютер.
WEBстраница часто оборудована средствами электронной почты. Другими
средствами «обратной связи» являются формы. Заполнив соответственные
поля   и   щелкнув   кнопку   «отправить»   (которая   может   иметь   в   форме
название  Go,  OK,  Send,  Submit  или другое), можно переслать на сервер
необходимую   информацию.   Так,   например,   происходит   заказ   товаров   в
Интернет  магазинах или заполнение анкет во время виртуальных опросов.
С  WEBстраницами   и   их   компонентами   (например,   рисунками)   можно
поступить,   как   с   обычными   документами:   сохранять   на   диске   под
определенным именем, или распечатывать.
При   помощи  WEBстраниц   с   ярлыками   можно   существенно   облегчить
пользование Интернетом или локальными ресурсами. Собранные на странице
ссылки   по   определенной   тематике,   превращают   ее   в   аналог   папки
Избранное. Иными словами, можно легко сделать набор справочников со
ссылками на интересные WEBстраницы.
Можно иметь и несколько папок для избранных страниц. Папка Избранное
хранит не сами документы, а ссылки на них. Если страница находится не на
локальном диске, то для ее просмотра потребуется подключение к сети. В
некоторых   случаях   возникает   необходимость   иметь   копии   реальных
документов на своем компьютере. На кэш в этом случае полагаться нельзя,
так   как   он   регулярно   обновляется.   Для   сохранения   просмотренных
документов существует несколько команд. При этом копируется не только
HTMLдокумент, но и рисунки.
Средства просмотра  HTMLкода дают возможность сохранить документ и
даже его модернизировать при помощи гипертекстового редактора Microsoft
Front  Page.   Также   можно   просмотреть  HTMLкод,   открыв   страницу   в
«Блокноте» (Notepad). Редактировать страницу в режиме источника очень
удобно,   так   как   можно   сразу   увидеть   результаты   внесенных   изменений:
после модификации страницы ее надо сохранить в текстовом редакторе, а
затем в браузере щелкнуть на кнопку Обновить.
Часто,   при   просмотре   страниц   возникает   проблема   со   шрифтами.   Если
шрифт на странице слишком мелкий или наоборот слишком крупный, вид
документа легко изменить. Используя команду  «Размер шрифта»,  чтобы
изменить размер шрифта на время просмотра.
Основные   инструменты   настройки   браузера   собраны   в   окне  Свойства
обозревателя,   который   активизируется   одноименной   командой   меню
Сервис. На просмотр  HTMLстраницы влияют  несколько  параметров. На
вкладке Общее имеются кнопки Цвета, Шрифты, Язык и Оформление, с
20 21
помощью которых можно установить режимы воспроизведения станицы. В
браузере   назначаются   для   использования   по   умолчанию   два   шрифта.  Два
разных   шрифта   необходимы   для   прорисовки   данных   из   соответственных
элементов  HTML.   Какие   именно   шрифты   надо   применять,   выберет
пользователь.   Важен   также   выбор   кодировки:   для   русскоязычных
документов применяются Windows1251 или KOI8. Можно выбрать и цвет,
которым   будет   раскрашиваться   текст,   пройденные   и   неиспользованные
гиперссылки.
На   вкладке  Дополнительные  можно   установить   режим,   при   котором   на
странице воспроизводятся рисунки или мультимедийные компоненты.
На   вкладке  Программы  можно   выбрать   приложения,   которые   будут
использоваться   по   умолчанию   совместно   с   браузером   (HTMLредактор,
программа электронной почты и др.).

 Netscape Communicator
Это комплекс программ (в настоящее время русифицирована версия 4.06)
привлекает   к   себе   внимание   многими   положительными   свойствами.   Его
популярность   во   всем   мире   очень   высока,   и   не   только   потому,   что
пользователи   привыкли   работать   с   его   более   ранними   версиями.
Интересными, например, представляются комментарии в строке состояния,
которые   дают   представление   о   процессе   загрузки   страницы.   Удачно
организован доступ к параметрам. Браузер называется Netscape Navigator, а
встроенный   редактор   гипертекста   –  Netscape  Composer.   В   браузере
реализована   возможность   создания   закладок,   что   существенно   облегчает
поиск страниц. Несомненным удобством является легкость переключения
режимов браузера и редактора.
Рассмотрим основные инструменты программы. Они, в основном, такие же,
как и MSIE.
Кнопка  «Назад».  Возврат   к   странице,   которая   была   открыта   раньше
текущей.
Кнопка  «Вперед»  Переход   к   странице,   которая,   была   открыта   позже
текущей.
Кнопка «Обновить». Повторение загрузки страницы.
21 22
Кнопка  «Домой».   По   умолчанию   эта   кнопка   обеспечивает   переход   на
домашнюю страницу Netscape, но пользователь может настроить программу
на любую страницу, используя окно параметров.
Кнопка   «Мой  Netscape».  Кнопка   для   перехода   на   страницу   любителей
Netscape. “Мой  Netscape”  виртуальный  клуб,  в котором  можно  сделать
свою WEBстраничку и получить ящик электронной почты.
Кнопка  «Печать»  используется   для   печати   текущей   страницы.   В   меню
Файл   имеются   команды   «Настройки   страницы»,   «Предварительный
Просмотр»   и   «Печать»,   которые   позволяют   настроить   параметры   и
выполнить просмотр документа перед печатью.
Кнопка  «Стоп»  осуществляет   остановку   загрузки   текущей   страницы.
Загрузка может быть продолжена после щелчка на кнопке «Обновить».
 логотипом  фирмыпроизводителя   используется   для
Кнопка   с
инициирования   загрузки   станицы,  но   теперь   такая   команда   не   нужна.   В
данном   браузере   нажатие   на   логотип   приводит   на   домашнюю   страницу.
Логотип   снабжается   анимацией,   которая   действует   в   течение   загрузки
текущей страницы.
В этом браузере, как и в предыдущем, есть поле  Адрес. Но в отличие от
MSIE, в раскрывающемся списке этого поля можно выбрать все недавно
использующиеся адреса, а не только те, которые введены в строке вручную.
Ещё один сервисный инструмент  файл закладок. Он является аналогом
22 23
папки  Избранное  в  Windows.   Для   доступа   к   закладкам   на   панели
инструментов есть специальная кнопка.
На формат отображаемой страницы влияют команды меню «Вид». С его
помощью устанавливается  размер шрифта, кодировка  страницы и другие
параметры.   Есть   команда  «Остановить   анимацию»,   то   есть   смену
изображений   в   сложных   рисунках   формата  GIF,   для   возобновления
анимации   необходимо   перезагрузить   страницу,   используя   кнопку
«Обновить».
Netscape Communication позволяет создавать варианты настроек программы
(их   ещё   называют   профили   или   конфигурации).   Перед   началом   работы
необходимо выбрать одну из конфигураций. Для  каждого «пользователя»
создаётся   собственный   файл   закладок,   журнал,   кэш.   Журнал   связан   с
файлами   кэш,   так   как   при   помощи   журнала   открываются   страницы,
которые когдато были загружены из Интернета. Как журнал, так и кэш при
необходимости можно очистить  кнопкой в окне настроек.
В  Netscape  Navigator  можно выбрать те же параметры просмотра, что и в
MSIE: шрифты, используемые по умолчанию, цвета просмотренных и не
просмотренных   ссылок.   Можно   выбрать   определённый   фон   для   всех
просматриваемых страниц или вообще отказаться от фона. Это удобно при
разработке собственных страниц.
Браузеры   позволяют   загружать   страницы   без   рисунков.   Это   ускоряет
работу. Для отказа от изображения рисунков в NN надо сбросить флажок
«Автоматическая   загрузка   изображений»   в   категории   параметров
«Дополнительные настройки».
Диалог   для   открытия   файлов,   расположенных   локально,   в  MSIE  и  NN
имеет особенность: используется два окна, а не одно, как в большинстве
программ.   Только   во   втором   окне   пользователь   получает   доступ   к
традиционному   списку   дисков,   папок   и   файлов.   Для   задания   адреса
необходимой   страницы,   расположенной   на   жёстком   диске,   достаточно
ввести путь к HTMLфайлу в поле «Адрес».
В меню «Файл» есть команда «Сохранить как», которая используется для
копирования текущей страницы  в папку,  выбранную пользователем.  При
этом можно выбрать формат файла:  HTML  или текстовый. В отличие от
MSIE, который позволяет сохранить Webстраницу вместе с рисунком, NN
копирует   только   основной   файл   страницы.   Сохранение   файла   страницы
требуется   только   в   определённых   случаях,   так   как   вся   страница
автоматически   записывается   в   кэш.   Текстовый   формат   удобен   в   тех
случаях, когда надо распечатать только текст страницы, не отягощая его
элементами   оформления   и   рисунками.   Зато,   если   откроете   страницу   в
редакторе  Netscape  Composer,   то   можно   сохранить   её   в   новой   папке   с
рисунками.
23 24
Терминология
Англоязычное программное обеспечение попадало в нашу страну разными
путями,   и   в   вычислительной   технике   складывалась   уникальная
лингвистическая   ситуация.   Существует   огромное   количество   терминов,
которые   соответствуют   по   произношению   английским   словам.
Программисты и электронщики разговаривают на своём, хорошо понятном
языке.   Заимствованные   слова   имели   только   одно   значение,   и   это   было
удобно. Такая система прижилась. Любые попытки вводить отечественную
терминологию   не   имели   успеха.   Яркий   пример   название   клавиш.
Клавиатура   так   и   осталась   нерусифицированной.   Подобные   феномены
объясняются тем, что до недавнего времени никто серьёзно не занимался
локализацией   фирменного программного обеспечения. Теперь  положение
изменилось.   Появилось   много   программных   продуктов,   использующих
русский   язык.   Возникли   чисто   русские   термины:   «папка»,   «карман»,
«ярлык»,   «пиктограмма»…   В   этих   случаях   теряется   однозначность
терминов, возникли двойные термины: Internet и Интернет.
В сфере гипертекстовых технологий в этом смысле обстоит иначе. Никто
не называет браузер « просматривателем », а для «World Wide Web» есть
красивое русское название «Всемирная паутина». Видимо, в каждом случае
необходимо своё решение: использовать русское слово или заимствовать
английское. Гипертекст породил много специальных терминов.
Элемент (element)  конструкция языка HTML.Это контейнер, содержащий
данные и позволяющий отформатировать их определённым образом. Любая
Webстраница представляет собой набор элементов. Одна из основных идей
гипертекста  возможность вложения элементов.
Тег  (tag) – начальный или конечный маркеры элемента. Теги определяют
границы действия элементов и отделяют элементы друг от друга. В тексте
Web страницы теги заключаются в угловые скобки, а конечный тег всегда
снабжается косой чертой.
   Атрибут  (attribute) – параметр или свойство элемента. Это переменная,
которая   имеет   стандартное   имя   и   которой   может   присваиваться
определённый   набор   значений:
  стандартных   или   произвольных.
Предполагается,   что   символьные   значения   атрибутов   заключаются   в
24 25
кавычки, но некоторые броузеры позволяют не использовать кавычки. Это
объясняется   тем,   что   тип   атрибута   всегда   известен   заранее.   Атрибуты
располагаются   внутри   начального   тега   и   отделяются   друг   от   друга
пробелами.
Гиперссылка – фрагмент текста , который является указателем на другой
файл   или   объект.  Гиперссылки   необходимы   для   того,  чтобы   обеспечить
возможность перехода от одного документа к другому.

Фрейм  (frame)   –этот   термин   имеет   два   значения.   Первое   область
документа   со   своими   полосами   прокрутки.   Второе      одиночное
изображение в сложном (анимационном) графическом файле (по аналогии с
кадром кинофильма).

 Примечание     вместо   термина   «фрейм»   в   специальной   литературе   и
локализованных программных продуктах иногда можно встретить термин
«кадр» или «рамка».
HTML  –   файл  или  HTML  –  страница   –   документ,   созданный   в   виде
гипертекста на основе языка  HTML. Такие файлы имеют расширения  htm
или  html.   В   гипертекстовых   редакторах   и   броузерах   эти   файлы   имеют
общее название «документ».
Апплет  (applet) программа, передаваемая на компьютер клиента в виде
отдельного файла и запускаемая при просмотре  Web страницы.
Скрипт  или  сценарий  (skript)   –   программа,   включенная   в   состав  Web
страницы   для   расширения   её   возможностей.   Браузер  Internet  Explorer  в
определённых   ситуациях   выводит   сообщение:   «Разрешить   выполнение
сценариев на странице?». В этом случае имеются в виду скрипты.
Расширение (extension) – элемент, не входящий в спецификацию языка, но
использующийся,   обеспечивая   возможность   создания   нового   интересного
эффекта форматирования.
CGI ( Common Gateway Interface) – общее название для программ, которые,
работая   на   сервере,   позволяют   расширить   возможности  Web   страниц.
Например,   без   таких   программ   невозможно   создание   интерактивных
страниц.
Программный код или код – аналог понятия «текст программы».
25 26
Код HTML гипертекстовой документ в своём первоначальном виде, когда
видны все элементы и атрибуты.
World Wide Web, WWW или Web – Всемирная паутина, распределённая
система   доступа   к   гипертекстовым   документам,   существующая   в
Интернете,  HTML  является основным языком для создания документов в
WWW.   Изучая   его,   мы   изучаем   часть   этой   системы,   хотя   область
применения языка намного шире

Web  –   страница   –  документ   (файл),подготовленный   в   формате
гипертекста и размещённый в World Wide Web.
Сайт (site) – набор Web –страниц, принадлежащих одному владельцу.
Браузер (browser) – программа для просмотра Web – страниц.
Пользовательский   агент  (user  agent)   –   браузер   или   другая   программа,
работающая на компьютере – клиенте.
Загрузка (downloading) – копирование файлов с сервера на компьютер –
клиент.
URL  (  Uniform  Resource  Locator  ) –  универсальный указатель ресурса –
адрес некоторого объекта в Интернете. Типичный  URL  для  WWW  имеет
вид: http:// www, название, домен/ имя файла.
Здесь   название   –   это   часть   адреса,   который   часто   употребляется   для
обозначения владельца сайта, а домен – обозначение крупного «раздела»
Интернета: страны, области деятельности  и т. д.  URL  используется для
того, чтобы указать конкретную  Web – страницу или графический файл в
гиперссылках,   а   также   везде,   где   требуется   однозначно   определить
местоположение Web – страницы или файла.
Базовый  URL  – часть адреса, которая является общей для всех ссылок
текущей Web –страницы.
Базовый цвет – каждый цветовой оттенок на экране монитора получается
соединением трёх базовых цветов: красного, зелёного, синего.
Цветовой   канал  –   интенсивность   красного,   зелёного,   синего   цвета   на
экране монитора. Цвет каждого пиксела определяется как комбинация этих
трёх величин.
26 27
Гамма – коррекция  – создание нелинейной зависимости между реальной
интенсивностью базового цвета и полученной яркостью на экране монитора.
Изображения,   полученные   без   гамма   –   коррекции,   оказываются   более
тёмными, так как монитор воспроизводит различные градации яркости не
линейно по отношению к их числовому выражению. Изменение параметра
«гамма»   часто   используют   в   графических   редакторах   при   работе   с
изображением.
Список литературы
1) Айзекс А. Dynamic HTML BHVСанктПетербург 1998
2) Ганчаров А. Самоучитель HTML.  Питер 2000
3) Дарнелл Р. HTML 4 Энциклопедия пользователя ДиаСофт 1999
4) Денисов Internet Explorer 5 Справочник Питер 1999
5) Хоумер А. Dynamic HTML Справочник  Питер 1999
27

description:
6
Синтаксис HTML.
 Структура WEBстраницы
Заготовка типичной WEBстраницы:

<TITLE> Структура WEBстраницы </title>

<META   httpequiv.   =   ”ContentType”   content   =   “text/html;   chariest   =
windows1251">
<META name = “Author” content = “Pavel Trizno”>
<META name = “Keywords” content = “ HTML, document, element”>

<!  Комментарий к страницы !>

Переход к  конец  документа

Переход к   ссылке 1

 Заголовок 1

 Заголовок 2

 Заголовок 3

 Заголовок 4

 Заголовок 5

 Заголовок 6

Здесь расположена  ссылка 1

 Здесь должен располагаться оригинальный текст WEBстраницы

Переход в начало документа

Если   рассмотреть   исходные   тексты   различных  WEBстраниц,   то   можно
легко увидеть схожесть их структуры. Это объясняется тем, что документы
создаются по определенным правилам. В основу синтаксиса языка   HTML
6

description:
7
лег стандарт ISO 8879:1986 «Information processing. Text and office systems.
Standard   Generalized   Markup   Language   (SGML)».
 Правда,   существует
большое   различие   между   стандартом   официальном   и   стандартом
фактическим.
  развивается,   дополняется   новыми
элементами.
Рассмотрим основные элементы HTML.
 HTML  постоянно

Означает документ на языке HTML. Я уже упоминал о том, что одним из
принципов   языка  является   многоуровневое   вложение  элементов.  Данный
элемент является самым внешним, так как между его начальным и коечным
тегами должна находится вся  WEB – страница. В принципе этот элемент.
Он имеет атрибуты version, long и dir, которыми в данном случае редко кто
пользуется,   и   допускает   вложение   элементов  HEAD,  BODY  и   других,
определяющую общую структуру WEBстраницы. Конечным тегом
оканчиваются все документы в формате HTML.

Область заголовка Web – страницы, её первая часть. HEAD  служит только
для формирования общей структуры документа. Этот элемент может иметь
атрибуты  IANG,  DIR,   должен   включать   элемент  TITLE  и   допускает
вложение элементов BASE, META, LINK, OBJECT, SCARIPT, STULE.
<TITLE></title>
Элемент   для   размещения   заголовка  Web  –   страницы.   Строка   текста   ,
расположенного внутри этого элемента, отображается не в документе, а в
заголовке окна броузера. Эта строка часто используется при организации
поиска в WWW. Эта строка должна достаточно точно отражать назначение
документа.

Элемент   для   описания   стиля   некоторых   элементов  Web  –   страницы.   В
файле Strukt. Html назначены шрифты для элементов h2, code. Для каждого
элемента   существует   стилевое   оформление   по   умолчанию,   поэтому
употребление элемента  style не обязательно, но желательно. Этот элемент
введён сравнительно недавно, без него немыслима работа в приложениях
World, Excel.
<META>
Элемент   содержит   служебную   информацию,   которая   не   отражается   при
просмотре  Web страницы. Внутри него нет текста в обычном понимании,
поэтому   нет   и   конечного   тега.   Каждый   элемент  Meta  содержит   два
основных атрибута, первый из которых определяет тип данных, а второй –
содержание. Вот несколько примеров meta – данных:
Дата, обозначающая срок годности документа:
Name – “Expires”  content = “Дата”
7

description:
8
Адрес электронной почты:
Name = “Reply – to” content = “ Имя @ Адрес “
Имя автора Webстраницы:
Name = “Author” content = “ Имя автора”
Набор ключевых слов для поиска:
Name = “Keywords” content = “слово 1, слово 2, слово 3…”
Краткое описание содержания Web страницы:
Name = “Description” content = “Содержание страницы”
Описание типа и характеристик Web – страницы:
Name = “Content – Type” content = “ Описание страницы”
Указание приложения, в котором была создана Web – страница:
Name = “Generator” content = “Название HTML – редактора”
Атрибут  Name  используется   приложением   –   клиентом   для   получения
дополнительной информации о  Web  – страницах и их упорядочения. Его
часто   заменяют   атрибутом  http  –  equiv.   Он   используется   сервером   для
создания дополнительных полей при выполнении запроса.
Элемент META может содержать URL. Шаблон атрибута таков:
URL = “http: // адрес”
<BODY></body>
Этот элемент заключает в себе гипертекст, который определяет собственно
Web – страницу. Конечный тег этого элемента надо искать в конце HTML
файла.   Внутри   элемента  BODY  можно   использовать   все   элементы,
предназначенные   для   дизайна  Webстраницы.   Внутри   начального   тега
элемента  BODY  можно   расположить   ряд   атрибутов,   обеспечивающих
установки для всей страницы целиком.
Атрибут, определяющий фон страницы, является одним из самых важных
для дизайна.
background = “Путь к файлу”
Более простое оформление фона сводится к заданию его цвета:
bgcolor = “#RRGGBB”
Цвета фона задается тремя двухразрядными шестнадцатеричными числами,
которые   определяют   интенсивность   красного,   зеленого   и   синего.   Оба
приведенных   выше   атрибута   не   являются   альтернативными   и   часто
используются   совместно:   если   по   какимлибо   причинам   не   может   быть
найден рисунок фона, используется цвет.
Поскольку фон станицы может изменятся, необходимо иметь возможность
подбирать   соответственный   цвет   текста.   Для   этого   имеются   следующей
атрибут:
text = “#RRGGBB”
Для задания цвета текста гиперссылок используются следующие атрибуты:
link = “#RRGGBB”
Точно так же можно задать цвет для просмотренных гиперссылок:
8

description:
9
vlink = “#RRGGBB”
Можно   также   указать   изменение   цвета   для   последней   выбранный
пользователем гиперссылки:
Alink = “#RRGGBB”
<! Комментарий  !>
В   любом   языке   программирования   есть   конструкции,   позволяющие
создавать произвольные ремарки.  HTML  в этом смысле – не исключение.
Текст,   введений   внутри   этого   элемента,   игнорируется   браузером.   Эти
элементы могут располагаться в любом месте  WEBстраницы. Признаком
комментария служит восклицательный знак, а текст комментария должен
обрамляться двойным дефисом. Например:
<! Комментарий !>

Элемент   заголовка.   Существует   шесть   уровней   заголовка,   которые
обозначаются  H1…H6. Заголовок  уровня 1 самый крупный, а уровень 6
обеспечивает   самый   маленький   заголовок.   Для   заголовков   могут
использовать   атрибуты,   задающие   выравнивание   влево,   по   центру   или
вправо:
align = “left”
align = “center”
align = “right”

Горизонтальная   линия   –   очень   часто   используемый   элемент.   Вопервых,
потому что с его помощью очень удобно делить страницу на части.
Вовторых, потому что выбор подобных элементов оформления у автора
страницы   очень   небольшой.   Этот   элемент   не   имеет   конечного   тега,   но
допускает ряд атрибутов для выравнивания влево, по центру, вправо, по
ширине:
align = “left”
align = “center”
align = “right”
align = “justify”
Можно задать толщину линии:
Size = толщина в пикселях
Можно управлять длиной линии:
width = длина в пикселях
width = длина в процентах
Можно выбрать цвет:
color = “цвет”

HTMLдокумент может быть очень большим, и в этом случае нужно иметь
возможность   быстрого  перемещения  к   нужному  разделу   документа.  Для
9

description:
10
этого   можно   использовать   механизм   гиперссылок.   Необходимо   также   в
нужных   местах   текста   расставить   соответствующие   метки.   Шаблон   для
создания меток таков:
Произвольный текст
В   данном   случае   данной   строке   документа   присваивается   имя,   и,
следовательно, в другой части документа или даже на другом документе
может быть создана гиперссылка, приводящая в эту точку. Для перехода
внутри документа можно использовать следующую конструкцию:

Переход к метке

Несколько   подобных   строк   могут   образовать   своеобразное   оглавление
Webстраницы, которое можно разместить в начале и в конце документа.
<BASE>
Элемент для задания базового адреса (URL) для ссылок. Это позволяет
опускать начальную часть адреса в ссылках документа. Для использования
этого элемента необходимо использовать следующую конструкцию:
<BASE  href =”http:// компьютер/путь 1”>
Фрагмент   адреса  путь1  не   является   обязательным.   При   формировании
полного адреса он будет отброшен. Если в тексте документа встретится
относительная ссылка
Видимый текст ссылки,
то она будет соответствовать URL
http: // компьютер/путь 2/имя документа. Html
В   том   случае,   когда   надо   задать   базовый   адрес   для   локального   диска
(например, D), должна быть использована такая конструкция:
<BASE href =file://D:\
 путь

Тогда при указании относительной ссылки можно будет задавать не только
имя файла, но и имена папок, в которых он находится.
В выражении абсолютной ссылки можно также опустить указание на схему
доступа   (file://)  В   этом   случае   будет   учитываться   только   левая   часть
абсолютной ссылки до первого левого символа “\”, то есть имя локального
диска.
 \>

 Правила синтаксиса
При использовании каждого элемента важно знать, какие элементы могут
располагаться внутри него, и внутри каких элементов может находиться он
сам. Так, взаимное расположение элементов HTML, HEAD, TITLE, BODY
должно   быть   стандартным   на   любой   странице,   в   тех   случаях,   когда   не
используются   фреймы.   Если   страница   представляет   собой   документ
планировки   фреймов,   то   вместо   элемента  BODY  используется   элемент
FRAMESET.
10

description:
12
 Unicode
 Кодирование символов
Основным   языком   Интернета   является   английский   язык.   Но   для
гипертекстовых   документов   предусмотрено   использование   национальных
алфавитов. Стандартным режимом отображения является кодировка  ISO
Latin  1   (ISO  88591).   Она   подходит   как   для  MSDOS  (набор   символов
ASCCII), так и для Windows. В тоже время браузеры поддерживают набор
символов
2.0   (ISO10646),   что   позволяет   использовать
национальные алфавиты. Это означает, что символы могут кодироваться
однобайтовым   числом  (коды   в   пределах  0255)   или   двухбайтовым  (065
535).   В   первом   случае   для   использования   национального   алфавита
необходим атрибут charset, так как одни и те же коды символов могут быть
интерпретированы поразному для различных кодовых страниц.
Кириллица   (Windows)   и/или   Кириллица   (Кои8Р)   –   это   две   наиболее
популярные в нашей стране кодировки.
Если в документе есть  указание  на определённую кодовую страницу, то
выбор   шрифта   будет   предопределён.   Коды   32127,   то   есть   знаки
препинания,   цифры   и   буквы   латинского   алфавита,   отображаются
правильно, а коды 128255 могут отображаться поразному.
Если кодовая страница указана неправильно, то, например, при создании
гипертекстовых   документов   в  MS  FrontPage  Express  в   текст   страницы
автоматически добавляется конструкция типа  charset  =xxxxx, которая не
позволяет использовать кириллицу. В этом случае необходимо правильно
указать значение атрибута: charset =windows1251.
Если   документ   использует   кодировку  Unicode,   то   для   работы   с   ним
подойдут такие средства, как Блокнот, Norton Commander или WordPad, и
придётся   остановиться   на   гипертекстовом   редакторе.   В   этом   случае
русская буква А будет выглядеть в режиме «источника» так &#1040 (в
десятичной   кодировке).   Такую   страницу   будет   сложно   читать   и
редактировать.   Поэтому   каждый   новый   редактор   надо   тестировать   на
возможность   использования   русских   букв:   набрать   небольшой   текст,
сохранить документ, а затем просмотреть его в режиме источника.
 Использование символов
В HTML и в браузерах реализована возможность прорисовки символов по
их   кодам.   Символы   могут   быть   общепринятыми,   нестандартными   и
используемыми   в  HTML  в   качестве   служебных   символов.   Их   называют
спецсимволами. Первый способ ввода спецсимвола заключается в указании
его   кода.   Например,   латинскую   букву   А   можно   задать   так:   &#65.   Для
некоторых символов предусмотрена мнемоническая кодировка.
Часто используемые спецсимволы (по стандарту ISO 8859 – 1):
12

description:
Код символа Числовой
код
34
38
60
62
153
160
162
163
164
165
166
167
169
171
172
174
176
177
178
179
181
182
183
185
&#34
&#38
&#60
&#62
&#153
&#160
&#162
&#163
&#164
&#165
&#166
&#167
&#169
&#171
&#172
&#174
&#176
&#177
&#178
&#179
&#181
&#182
&#183
&#185
Название
Символ
13
Мнемоничес
кий код
&quot
&amp
&lt
&gt
&trade
Прямая
кавычка
Амперсанд
знак
«меньше»
Знак
«больше»
Торговая
марка
“
&
<
>
™
¢
£
¤
¥
¦
§
©
«
¬
®
°
±
²
³
µ
¶
∙
¹
&nbsp
Неразрывный
пробел
Цент
Фунт
Знак валюты
Йена
Вертикальная
строка
Знак
параграфа
Знак
копирайта
Левая
типографска
я кавычка
Знак
отрицания
Знак
“зарегистрир
овано”
Знак градуса
Знак “плюс
минус»
Степень 2
Степень 3
Знак «микро»
Знак абзаца
Точка
маркер
Степень 1
&cent
&pound
&curren
&yen
&brvbar
&sect
&copy
&laquo
&not
&reg
&deg
&plusmn
&sup2
&sup3
&mikro
&para
&middot
&sup1
13

description:
187
188
189
215
247
&#187
&#188
&#189
&#215
14
&raquo
&frac14
&frac12
&times
&#247
&divide
Правая
типографска
я кавычка
Одна
четвёртая
Одна вторая
Знак
умножения /
кавычки/
Знак деления
»
¼
½
*
/
Для   отделения   символа   от   последующего   текста   надо   вводить   точку   с
запятой.
Мнемонические   символы   бывают   очень   полезны,   особенно   для   тех
символов, которые нельзя ввести с клавиатуры. Например, для указания
разрешения экрана можно использовать такую конструкцию:
640× 480
Двойная   кавычка,   угловые   скобки   и   амперсанд   (<,   >,   &)   являются
служебными в HTML. Если их надо использовать в обычном тексте на Web
странице, то они должны быть указаны только при помощи кодов.
Кириллица   тоже   может   быть   реализована   в   виде   набора   спецсимволов.
Русские буквы расположены (при кодировании Windows1251) в том месте
кодовой   таблицы,   где   первоначально   располагались   латинские   буквы   с
тильдами,   умляутами.   Поэтому   англоязычные   редакторы  HTML  при
переключении клавиатурного регистра часто записывают кириллицу в виде
кодов.
Типы данных
Основным   типом   данных  Webстраницы   является   текстовой   тип.
Существует много элементов, которые являются контейнерами для текста,
или используются для форматирования текста. Числовые и мнемонические
коды, обозначающие символы, предваряются знаком амперсанта &. Таким
образом, амперсанд и угловые скобки могут быть введены в текст не на
прямую,   а   только   при   помощи   кодов.   Текстовые   данные,   являющиеся
значениями атрибутов, заключаются в прямые двойные кавычки.
Числовые   данные   требуются   только   для   указания   значений   атрибутов   и
записываются без кавычек.
Гиперссылки обычно состоят из двух частей: текста подсказки и адреса,
который   определяет   координату   перехода.   Текст   подсказки   или
заменяющий   его   рисунок   располагается   внутри   элемента   А,   а   адрес
задаётся при  помощи атрибута  href. Гиперссылка  обычно выделяется на
фоне текста цветом или подчёркиванием. Вид указателя мыши обязательно
изменяется, когда он помещается над гиперссылкой.
14

description:
15
Существуют   правила   для   определения   размеров   элементов.   Размер,
заданный   обычным   числом,   выражается   в   пикселях.   Например,   задаётся
длина горизонтальной линии в 100 пикселов:

Горизонтальный   размер   может   быть   задан   в   процентном   отношении   к
ширине окна броузера:

Если   размер   окна   будет   изменён,   то   изменится   и   длина   горизонтальной
линии.
Символ * может использоваться для разделения пространства страницы в
определённых пропорциях. Два   способа определения фреймов ( атрибут
cols  создаёт  фреймы с  вертикальным   делением),  причём  левый фрейм  в
данном случае всегда будет в три раза уже, чем правый.
<FRAMESET cols = ”  25%, 75% “>
<FRAMESET cols =  “1*, 3* “>

 Управление цветом
Кодирование   цвета   используется   для   раскрашивания   шрифтов,
горизонтальных   линий   и   фона,   других   элементов   страницы.   Цвета

обозначаются
английскими
числовыми
шестнадцатеричными   кодами.
  Существует   несколько   атрибутов,
значениями   которых   являются   параметры   цвета.   Самый   простой   способ
определить   цвет   –   написать   название   цвета   на   английском   языке.   Так,
например, задаётся красный цвет шрифта в элементе FONT:
Color = “red”
Допустимые названия цветов:
названиями

или

Русское название
Английское название
Аквамарин
Белый
Жёлтый
Зелёный
Золотой
Индиго
Каштановый
Красный
Оливковый
Оранжевый
Пурпурный
Светлозелёный
Серебристый
Серый
Aqua
White
Yellow
Green
Gold
Indigo
Maroon
Red
Olive
Orange
Purple
Lime
Silver
Gray
15
RGB – код
#00FFFF
#FFFFFF
#FFFF00
#008000
#FF0700
#4B0080
#800000
#FF0000
#808000
#FF0000
#800080
#00FF00
#C0C0C0
#808080

description:
Сизый
Синий
Ультрамарин
Фиолетовый
Фуксиновый
Чёрный
16
Teal
Blue
Navy
Violet
Fuchsia
Black
#008080
#0000FF
#000080
#EE80EE
#FF00FF
#000000
Но в общем случае цвет определяется  RGB  – кодом. Любой цвет в этом
случае представляется как комбинация красного (R), зелёного (G), синего
(B)   цветов,   взятых   в   определённых   пропорциях.   Доля   каждой   цветовой
составляющей   определяется   интенсивностью   цвета   и   выражается
двуразрядным шестнадцатеричным числом. В десятичном исчислении эти
числа   соответствуют   диапазону   от   0   до   255.   В  Windows–95   это
соответствует   цветовому   режиму   монитора  True  Color  (24разрядное
двоичное кодирование цвета).
В выше приведённой таблице видно, что для формирования стандартных
цветов часто используются или крайние значения интенсивности базового
цвета 00 и  FF, или среднее значение 80. Выбрав цвет, можно увидеть его
численные характеристики, и наоборот, задав численные значения, получить
новый оттенок.
Ещё   одно   направление   применения   цвета:   элемент  HR,   создающий
горизонтальную   линию,   допускает   использование   ряда   атрибутов.   С   их
помощью линию можно превратить в цветной прямоугольник.   Его можно
использовать   для   разделения   частей   страницы   или   в   качестве   маркеров
списка.
HTML – код, рисующий радугу на Webстранице:
 Радуга </ front>

K

0

Ж

З

Г

С

Ф

Цветовая   проработка
 Webстраницы   является   альтернативой
многочисленных рисунков и позволяет обеспечить более быструю загрузку
документа.
16

intro: HTML давно перестал быть просто языком программирования. Человек, изучавший этот язык, обретает возможность делать сложные вещи простыми способами и, главное, быстро, что в компьютерном мире не так уж и мало. Гипертекст подходит для включения элементов мультимедиа в традиционные документы. Практически именно благодаря развитию гипертекста, большинство пользователей получило возможность создавать собственные мультимедийные продукты и распространять их на компакт-дисках.

title: Лекция "HTML"


extracted_text:
Кашлева Т. Г.,
учитель истории и обществознания
Сценарий классного часа, посвящённого снятию блокады
Ленинграда.
Слайд 1.
Ведущий:
Сегодня   вся   наша   страна   отмечает   праздник   –   70летие   снятия
фашистской   блокады   города   Ленинграда.   В   этот   день   в   1944   году
фашистские войска были отброшены от города на 65100 км. Жителям и
защитникам блокадного Ленинграда посвящается наш классный час!
Чтец 1: (Назаркин Иван )
            Опять война, опять блокада,
А может нам о них забыть?
Я слышу иногда:
«Не надо раны бередить».
Ведь это правда, что устали
Мы от рассказов о войне.
И о блокаде пролистали
Стихов достаточно вполне.
И может показаться:
Правы и убедительны слова,
Но даже если это правда,
Такая, правда не права!
Чтоб снова, на земной планете
Не повторилось той зимы,
Нам нужно, чтобы наши дети
Об этом помнили, как мы! (Юрий Воронов)
Ведущий:
С 27 января 1944 года прошло 70 лет, но ленинградцы очень хорошо
помнят каждый из 900 дней блокады, так как каждый день был битвой за
собственную жизнь с голодом, холодом и битвой за Ленинград – символ
свободы, равенства, независимости для всех людей мира.
Слайд 2.
22 июня 1941 года на нашу страну напала фашистская Германия,   во
главе  которой  стоял  Адольф  Гитлер. Он  намеревался  захватить  нашу
страну за 6 недель. Ужасную участь готовил Гитлер Ленинграду. Слайд 3.
 Вот выдержка из секретного документа: «Фюрер решил стереть с лица
земли   город   Ленинград…   После   поражения   Советской   России   нет
никакого   интереса   для   дальнейшего   существования   этого   большого
населённого пункта. Предложено блокировать город и путём обстрела из
артиллерии всех калибров и беспрерывной бомбёжки с воздуха сравнять
его с землёй. С нашей стороны   нет заинтересованности в сохранении
хотя бы части населения этого большого города»
Слайд 4.
На защиту города поднялись все его жители: 500 тысяч ленинградцев
строили оборонительные сооружения, 300 тысяч ушли добровольцами  в
народное ополчение, на фронт и в партизанские отряды.
Слайд 5.
8 сентября 1941 года фашисты прорвались на южный берег Ладожского
озера. Ленинград оказался полностью блокирован с суши.
 Чтец 2 (Черкашин Даниил):
Горят Бадаевские склады.
В огне пожаров Ленинград.
Пришел он –
Первый день блокады.
Все ближе полчища врагов,
Гудят воздушные тревоги.
Сегодня утром пала Мга –
И все отрезаны дороги.
В кольце, в осаде Ленинград.
Не умолкает канонада.
Опять летят. Опять бомбят.
Пылает первый день блокады.
Слайд 6.
Ведущий:
За время блокады фашисты выпустили по городу 150 тысяч тяжелых
артиллерийских снарядов, сбросили 5 тысяч фугасных  и более 10 тысяч
зажигательных бомб.
Слайд 7.
Ведущий:
 Полностью   было   разрушено   и   сожжено   снарядами   и   бомбами   3174
здания   и   сильно   повреждено   7143   здания.   Почти   треть   жилья   стала
непригодной для проживания. Стихотворение о. Берггольц «...Я говорю с тобой под свист снарядов…»
                                               прочитает Бузина Юлия
Слайд 8.
Чтец 3(Бузина Юлия) :
...Я говорю с тобой под свист снарядов,
угрюмым заревом озарена.
Я говорю с тобой из Ленинграда,
страна моя, печальная страна...
Слайд 9.
Кронштадтский злой, неукротимый ветер
в мое лицо закинутое бьет.
В бомбоубежищах уснули дети,
ночная стража встала у ворот.
Над Ленинградом — смертная угроза
Бессонны ночи, тяжек день любой.
Но мы забыли, что такое слезы,
что называлось страхом и мольбой.
Слайд 10.
Я говорю: нас, граждан Ленинграда,
не поколеблет грохот канонад,
и если завтра будут баррикады —
мы не покинем наших баррикад.
И женщины с бойцами встанут рядом,
и дети нам патроны поднесут,
и надо всеми нами зацветут
старинные знамена Петрограда. Руками сжав обугленное сердце,
такое обещание даю
я, горожанка, мать красноармейца,
погибшего под Стрельною в бою:
Мы будем драться с беззаветной силой,
мы одолеем бешеных зверей,
мы победим, клянусь тебе, Россия,
от имени российских матерей.
Ведущий:
А сейчас мы посмотрим видеофрагмент о жизни блокадного Ленинграда
Фильм  (1 часть)
Ведущий:
Вот как  показывает жизнь блокадного Ленинграда  Ольга Берггольц  в
своём стихотворении «Из февральского дневника»
Слайд 11.
Чтец 4 (Назаркина Анастасия):
А город был в дремучий убран иней.
Уездные сугробы, тишина...
Не отыскать в снегах трамвайных линий,
одних полозьев жалоба слышна.
Слайд 12.
Скрипят, скрипят по Невскому полозья.
На детских санках, узеньких, смешных,
в кастрюльках воду голубую возят,
дрова и скарб, умерших и больных...
Так с декабря кочуют горожане
за много верст, в густой туманной мгле, в глуши слепых, обледеневших зданий
отыскивая угол потеплей.
Слайд 13.
Вот женщина ведет кудато мужа.
Седая полумаска на лице,
в руках бидончик — это суп на ужин.
Свистят снаряды, свирепеет стужа...
— Товарищи, мы в огненном кольце.
Слайд 14.
А девушка с лицом заиндевелым,
упрямо стиснув почерневший рот,
завернутое в одеяло тело
на Охтинское кладбище везет.
Везет, качаясь,— к вечеру добраться б...
Глаза бесстрастно смотрят в темноту.
Скинь шапку, гражданин!
                       Провозят ленинградца,
погибшего на боевом посту.
Слайд 15.
Скрипят полозья в городе, скрипят...
Как многих нам уже недосчитаться!
Но мы не плачем: правду говорят,
что слезы вымерзли у ленинградцев.
Нет, мы не плачем.  Слез для сердца мало.
Нам ненависть заплакать не дает.
Нам ненависть залогом жизни стала:
объединяет, греет и ведет О том, чтоб не прощала, не щадила,
чтоб мстила, мстила, мстила, как могу,
ко мне взывает братская могила
на Охтинском, на правом берегу.
Ведущий:
Печальна история 11летней ленинградской школьницы Тани Савичевой,
которая во время блокады города вела дневник. В него она записывала
даты смерти своих родных. Этот дневник – документ, свидетельство тех
страшных дней.
Слайд 16.
Включить музыку
Выходят под музыку чтецы и на фоне музыки читают:
Чтец 1(Пархоменко Валерия):
В осаждённом Ленинграде
Эта девочка жила.
В ученической тетради
Свой дневник она вела.
В дни войны погибла Таня,
Таня в памяти жива:
Затаив на миг дыханье,
Слышит мир её слова:
 «Женя умерла 28 декабря в 12. 00 часов утра 1941 г».
«Бабушка умерла 25 января в 3 часа дня 1941 г».
«Савичевы умерли».
Слайд 17.
Чтец 2 (Тарасюк Елизавета):
    А в ночи пронзает небо Острый свет прожекторов.
Дома нет ни крошки хлеба,
Не найдёшь полена дров.
От коптилки не согреться
Карандаш дрожит в руке,
Но выводит кровью сердце
В сокровенном дневнике:
«Лёка умер 17 марта в 5 часов утра 1942 г».
 «Дядя Вася умер 13 апреля в 2 часа ночи 1942г».
«Умерли все».
Слайд 18.
Чтец 3 (Ригер Марина):
Отшумела, отгремела
Орудийная гроза,
Только память то и дело
Смотрит пристально в глаза.
К солнцу тянутся берёзки,
Пробивается трава,
А на скорбном Пискарёвском
Остановят вдруг слова:
 «Дядя Лёша умер 10 мая в 4 часа дня 1942 г».
 «Мама умерла 13 мая в 7. 30 час. Утра 1942 г».
«Осталась одна Таня».
Слайд 19.
Ведущий:
Блокада отняла у девочки родных и сделала её сиротой.
Таня была эвакуирована в другой город. Эшелон, в котором находилась
Таня, неоднократно попадал под бомбёжки. «Встречать   эшелон   к   станции   вышло   много   народа.   Раненых   бойцов
привозили постоянно. Но в этот раз людей предупредили, что в одном из
вагонов   будут   находиться   дети   из   блокадного   Ленинграда.   Поезд
остановился.   Но   из   открывшейся   двери   никто   не   выходил.   Те,   кто
решился   заглянуть внутрь, очень долго не могли прийти в себя. Вид у
детей был страшен: кости, кожа, дикая тоска в огромных глазах».
Все 125 детей были физически истощены.
Два   года   Таня   ещё   жила.   Но   её   часто   мучили   головные   боли,   у   неё
открылся туберкулёз. А незадолго до смерти девочка ослепла. Умерла
Таня 1 июля 1944 года.
Музыка выключается
Слайд 20.
Ведущий:
В   осажденном   городе   работали   30   школ.   Местом   учебы   стали   и
некоторые бомбоубежища жилых зданий. Даже в таких жутких условиях
дети учились. Это был подвиг. Опасен и тяжел путь в школу. На улицах
часто рвались снаряды.
Слайд 21.
Ведущий:
В   школах   и   бомбоубежищах,   где   проводились   занятия,   стоял   такой
мороз,   что   замерзали   чернила.   Ученики   сидели   в   пальто,   шапках,
рукавицах. Руки коченели, а мел выскальзывал из пальцев.
Ученики шатались от голода. У всех была общая болезнь  дистрофия. А
к   ней   еще   прибавилась   и   цинга.   Кровоточили   десны.   Качались   зубы.
Ученики   умирали   не   только   дома,   на   улице,   по   дороге   в   школу,   но,
случалось и прямо в классе
Чтец:
Девчонка руки протянула
И головой –
На край стола.
Сначала думали –
Уснула.
А оказалось, умерла...
Её из школы на носилках
Домой
Ребята принесли.
В ресницах у подруг
Слезинки То исчезали, то росли.
Никто не обронил ни слова
Лишь хрипло,
Сквозь метельный стон,
Учитель выдавил,
Что снова уроки –
После похорон.
 (Ю. Воронов)
Слайд 22.
Ведущий:
Вся   страна   помогала   Ленинграду   в   его   героической   борьбе,
 а
автомобильная дорога, проложенная по льду Ладожского озера помогла
выжить   людям.   Вот   как   пишет   об   этом   Ольга   Берггольц   в
«Ленинградской поэме»:
     Слайд 23.
Чтец (Кашлев Никита):
И было так: на всем ходу
Машина задняя осела
Шофер вскочил, шофер на льду.
Ну, так и есть, мотор заело.
Ремонт на пять минут  пустяк,
Поломка эта не угроза,
Да рук не разомкнуть никак:
Их на руле свело морозом.
Чуть разогнешь  опять сведет.
Стоять? А хлеб? Других дождаться?
А хлеб  две тонны? Он спасет
Шестнадцать тысяч ленинградцев
И вот в бензине руки он
Смочил, поджег их от мотора,
И быстро двинулся ремонт
В пылающих руках шофера.
Вперед! Как ноют волдыри,
Примерзли к варежкам ладони.
Слайд 24.
Но он доставит хлеб, пригонит
К хлебопекарне до зари
Шестнадцать тысяч матерей Пайки получат на заре
Сто двадцать пять блокадных грамм
С огнем и кровью пополам
Слайд 25.
О, мы познали в декабре:
Не зря священным даром назван
Обычный хлеб, и тяжкий грех
Хотя бы крошку бросить наземь.
Ведущий:
Но даже в эти дни люди не падали духом. Они сочиняли стихи, писали
музыку и играли в футбол.
Слайд 26.
Жители Ленинграда после голодной зимы еле стояли на ногах, но не пали
духом. Фашисты разбрасывали по городу листовки, в которых называли
Ленинград городом мертвых, но город был жив, и чтобы это доказать,
Ленгорисполком   принял   решение   о   проведение   футбольного   матча
между командой «Динамо»   и символической сборной Ленинградского
металлического   завода.   Сама   игра   состоялась   31   мая   1942   года,   но
решение об ее проведении было принято 6 мая.
Слайд 27.
Ведущий:
В   современном   Петербурге   существует   памятник   еще   одним   героям
блокадного Ленинграда – кошкам. В первую блокадную зиму горожане
съели практически всех домашних животных, в том числе кошек. Это
вызвало небывалый рост популяции крыс, которым оказался не страшен
голод.   Грызуны   представляли   серьезную   угрозу   и   без   того   скудным
запасам продовольствия в городе и переносили опасные инфекционные
заболевания.
«3 декабря 1941 года. Сегодня съели жареную кошку. Очень вкусно",
записал в своем дневнике 10летний мальчик.
Тем   не   менее   некоторые   горожане,   несмотря   на   жестокий   голод,
пожалели своих любимцев.
"Весной 1942 года полуживая от голода старушка вынесла своего кота на
улицу   погулять.   К   ней   подходили   люди,   благодарили,   что   она   его
сохранила". "В марте 1942 года вдруг увидела на городской улице тощую кошку.
Вокруг   нее   стояли   несколько   старушек   и   крестились,   а   исхудавший,
похожий на скелет милиционер следил, чтобы никто не изловил зверька".
"В апреле 1942 года, проходя мимо кинотеатра «Баррикада», увидала
толпу людей у окна одного из домов. Они дивились на необыкновенное
зрелище: на ярко освещенном солнцем подоконнике лежала полосатая
кошка с тремя котятами. Увидев ее, я поняла, что мы выжили".
  После   прорыва   блокады   в   январе   1943   года   власти   провели
спецоперацию:   в   Ярославской   области   было   собрано   четыре   вагона
дымчатых   кошек,   которых   перебросили   в   осажденный   город.   Вновь
прибывшие   начали   беспощадную   войну   с   крысами,   отогнав   их   от
продовольственных складов. В 1945 году проблему крысиного разгула в
Ленинграде   окончательно   решила   «сибирская   дивизия»      около   5000
котов   и   кошек,   прибывших   из   Омска,   Тюмени,   Иркутска   и   других
городов.
Слайд 28.
Ведущий:
22 декабря 1942 года была учреждена медаль «За оборону Ленинграда».
1500000 ленинградцев были представлены к награде. Из них 15249 детей.
Чтец (Железникова Анна):
О. Берггольц «Моя медаль»
*… Осада длится, тяжкая осада,
Невиданная ни в одной войне.
Медаль за оборону Ленинграда
Сегодня Родина вручает мне.
     Слайд 29.
   *Не ради славы, почестей, награды
Я здесь жила и всё могла снести:
Медаль «За оборону Ленинграда»
Со мной, как память моего пути.
*Ревнивая, безжалостная память!
И если вдруг согнёт меня печаль,
Я до тебя тогда коснусь руками, Медаль моя, солдатская медаль.
*Я вспомню всё и выпрямлюсь, как надо,
Чтоб стать ещё упрямей и сильней…
Взывай же чаще к памяти моей,
Медаль «За оборону Ленинграда».
*Война ещё идёт, ещё осада.
И как оружье новое в войне,
Сегодня Родина вручила мне
Медаль «За оборону Ленинграда».
Слайд 30.
Чтец (Патеев Сергей):
Ю. Воронов «В блокадных днях…»
В блокадных днях
Мы так и не узнали:
Меж юностью и детством
Где черта?..
Нам в сорок третьем
Выдали медали
И только в сорок пятом –
Паспорта.
И в этом нет беды.
Но взрослым людям,
Уже прожившим многие года,
Вдруг страшно оттого,
Что мы не будем
Ни старше, ни взрослее,
Чем тогда.
Ведущий:
Первые попытки прорвать  блокаду предпринимались уже осенью 1941,
давайте посмотрим как это происходило. Фильм 2
Слайд 31.
Ведущий:
18 января 1943 года вражеское кольцо блокады было прорвано. Но
окончательное освобождение наступило только через год.
Слайд 32.
13 января 1944 года войска Ленинградского и Волховского фронтов при
активной поддержке Балтийского флота и отрядов партизан начали
операцию по ликвидации вражеских группировок. За две недели они
разгромили 18 немецкую армию, отбросили оккупантов на 65100
километров от Ленинграда. 27 января  город полностью был освобожден
от блокады.
Фильм 3
Слайд 33.
Ведущий:
27   января   1944   года,   в   честь   разгрома   фашистских   войск   под
Ленинградом прозвучал над Невой торжественный салют: 24 залпа из 324
орудий.
Чтец (Губский Данила):
*И снова мир с восторгом слышит
Салюта русского раскат.
О, это полной грудью дышит
Освобождённый Ленинград!
*Мы помним осень, 41ый,
Прозрачный воздух тех ночей,
Когда, как плети, часто, мерно
Свистели бомбы палачей.
*Но мы, смиряя страх и плач,
Твердили, диким взрывам внемля:
«Ты проиграл игру палач,
Едва вступив на нашу землю!» *А та зима… Ту зиму каждый
Запечатлел в душе навек –
Тот голод, тьму, ту злую жажду
На берегах застывших рек.
Слайд 34.
*Кто жертв не предал дорогих
Земле голодной петербургской –
Без бранных почестей, нагих,
В одной большой траншее братской?!
*Но позабыв, что значит плач,
Твердили мы сквозь смерть и муку:
«Ты проиграл войну, палач,
Едва занёс на город руку!»
    Слайд 35.
    Чтец (Буслаев Александр)
*Такого дня не видел Ленинград!
Нет, радости подобной не бывало…
Казалось, что всё небо грохотало,
Приветствуя великое начало
Весны, уже не знающей преград.
Гремел неумолкаемо салют
Из боевых прославленных орудий.
Смеялись, пели, обнимались люди…
Ведущий:
Тот день стал одним из самых счастливых, одновременно одним из самых
скорбных – каждый, доживший до этого праздника, за время блокады
потерял или родственника, или друзей…
Чтец (Буслаев Александр)
*Мы чашу горя выпили до дна. Но враг не взял нас никаким измором.
И жизнью смерть была побеждена,
И победили человек и город!
Год сорок второй…
Полгорода лежит в земле сырой.
Неугасима память поколений.
И память тех, кого так свято чтим,
Давайте, люди, встанем на мгновенье,
И в скорби постоим и помолчим.
Слайд 36.
Ведущий:
Почтим память минутой молчания всех тех, кто защищал
Ленинград  и погиб   в эти суровые дни блокады.
Включить запись метронома.
Слайд 37.
Ведущий:
*За  мужество  и  героизм,  проявленные  жителями  блокадного  города,
Ленинград  получил  звание  ГородГерой ,  награждён  орденом  Ленина
 и медалью «Золотая Звезда».
*Будем же с благодарностью помнить подвиг Ленинграда!
Слайд 38.
Стой, как стоял, наш город величавый,
Над свежею и светлою Невой,
Как символ мужества, как воплощенье славы,
Как разума и воли торжество!

file_name: снятие блокады.docx

воспитательная работа

group: Дисциплины

title: Сценарий классного часа, посвящённого снятию блокады Ленинграда (5-11 классы)