Основы языка HTML. Язык разметки гипертекста

Цели урока:
Изучить структуру Web-документа;
Познакомиться с основными командами форматирования;
Научиться создавать простейшие Web-страницы;
Получить простейшие навыки их создания.

Основные понятия
Гипертекст – это электронный документ, содержащий гиперссылки на другие документы.
Предназначен для вывода информации на экран компьютера.
Гипертекстовая технология – это технология, базирующаяся на использовании гипертекстовых документов.
Применение:
- в компьютерных энциклопедиях, учебных программах;
- прикладных программах для работы со справочной информацией;
- для организации доступа к информации в WWW,
т.е. при работе с Wеb-документами.

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

Теги
Команды языка HTML называются тегами
Они записываются в < >.
Большинство тегов – парные …

Структура HTML-документа
Первая Web-страница <br>
Моя первая Web-страница
Здравствуйте!
Сегодня замечательный день!
Я сделал свою Web-страничку

Форматирование текста
В программу добавлен текстовый разделитель

Форматирование текста
Добавим теги для форматирования шрифта заголовка.

Форматирование текста
Аналогично добавим команды для форматирования остального текста

Форматирование текста

Сядьте поудобнее, свободно откинувшись на спинку стула. Подышите медленно и глубоко. Закройте глаза. Представьте, что, когда вы наслаждаетесь этим глубоким, неторопливым дыханием, все неприятности, раздражение, беспокойство постепенно улетучиваются.
Потянитесь с наслаждением, отведя согнутые руки в стороны, стараясь соединить лопатки.
Положив на затылок ладони, сначала наклоните голову вперед, помогая этому движению, затем — назад, оказывая ладонями сопротивление. Соедините пальцы в замок и вытяните руки максимально вперед, вывернув кисти.
Не забывайте почаще давать глазам возможность отдохнуть. Переведите взгляд вдаль, посмотрите в окно, на зелень деревьев, на небо, «выйдите» на мгновение под холодный дождик или в снежную вьюгу.
Пауза для отдыха

Примеры Web-страниц

Практическая работа
создать WEB-страничку о себе;
применить физические стили форматирования (шрифт, курсив и т.п.)
сохранить работу с названием file_1.html