Конспект урока информатики по теме "Основы языка гипертекстовой разметки документов HTML"

Тема: Основы языка гипертекстовой разметки документов HTML.

Цель: дать понятие о HTML, научить создавать HTML – документ; развивать память, логическое мышление, речь; воспитывать интерес к предмету.

Оборудование: ПЭВМ.

Ход урока.

1. Организационное начало.

1. Приветствие.

2. Работа с дежурными.

II. Работа по осмыслению и усвоению нового материала.

1. Объявление темы и цели урока.

- Тема урока " Основы языка гипертекстовой разметки документов HTML". Сегодня мы узнаем, что же такое HTML и для чего он нужен, научимся создавать HTML – документы.

2. Объяснение нового материала.

а) Что такое HTML?

Всемирная паутина состоит из множества связанных между собой электронных документов, представляющих информационные данные, описанные с помощью специальных технологических правил. Эти правила составляют на языке гипертекстовой разметки HTML (Hyper Text Markup Language).

Многие называют HTML языком программирования, это не совсем верно, HTML является языком разметки электронных документов.

Специальные программы для просмотра электронных документов, созданных по правилам языка разметки HTML, называют браузерами. Основная функция браузера заключается в интерпретации кода HTML и выходе визуального результата на экран монитора пользователя. Существует большое количество самых разнообразных браузеров, однако наибольшей популярностью пользуются 3 программы: Internet Explorer, Netscape Navigator и Opera.

Слово «гипертекстовый» в расшифровке названия языка HTML нуждается в отдельном пояснении.

Гипертекст представляет собой «многомерный» текстовый документ или объединение нескольких текстовых документов, содержащий гипертекстовые ссылки, построенный по принципу «нелинейного» структурированного материала за счёт применения гипертекстовых ссылок, позволяющих одним щелчком мыши перемещаться из одной «смысловой точки» гипертекстового документа в другую. Концепция гипертекста, лежащая в основе WWW, была предложена Теодором Хольмом Нельсоном в 60-х гг. XX века. Дальнейшим развитием гипертекста стала технология гипермедиа, позволяющая связывать гиперссылками не только текстовые фрагменты, но и данные иного типа (графику, звукозаписи, цифровое видео и пр.), когда щелчок мышью на выделенном слове или фразе приводит к демонстрации заданной разработчиком гипермедиа-документа иллюстрации, воспроизведению аудиозаписи, записку исполняемо й программы и пр. либо, например, те или иные участки изображения представляют собой ссылки на текстовые фрагменты или иные файлы данных.

б) Структура HTML – документа.

Любой HTML – документ содержит 3 основных обязательных раздела: HTML, HEAD и BODY. Рассмотрим подробнее каждый из них.

Раздел HTML.

Данный раздел определяет специфику документа. Раздел описывается тегом-контейнером (группы символов) и даёт браузеру информацию о том, что документ разработан с помощью языка разметки HTML.

HTML начало документа

HTML конец документа

Раздел HEAD.

Раздел HEAD выполняет функцию рабочего заголовка HTML – документа. Данному разделу сопоставлен парный тег:

HEAD HEAD (пишется после HTML)

Рассмотрим теги HTML, которые указываются внутри раздела HEAD.

Название документа TITLE.