Презентация "Основы языка HTML" 8 класс


Подписи к слайдам:
Основы языка HTML

Основы языка HTML

  • Язык разметки гипертекста

Цели урока:

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

Основные понятия

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

Основные понятия

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

Теги

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

Структура HTML-документа

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

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

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

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

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

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

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

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

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

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

Практическая работа

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

  • Итоги урока