Презентация на тему "Язык разметки гипертекста HTML" 8 класс

Содержание

• 
  Слайд 1
  

  «Язык разметки гипертекста HTML» Учитель информатики и ИКТ ГБОУ СОШ №771 г. Москва Васина Ольга Витальевна

• 
  Слайд 2
  

  Hyper Text Markup Language– язык гипертекстовой разметки. HTML- специальные инструкции браузеру, с помощью которых создаются веб-сайты. HTML

• 
  Слайд 3
  

  Гипертекст(hypertext) – текст, содержащий ссылки на другие веб-страницы, серверы или ресурсы с возможностями выполнения переходов. Гипертекст

• 
  Слайд 4
  

  Описательный язык разметки HTML имеет свои команды, которые называются тегами. Тег- элемент HTML, представляющий из себя текст, заключенный в угловые скобки <>. Одинарные Двойные ТЕГ Пример:  

  ….  

  Пример: Тег

• 
  Слайд 5
  

  Двойные теги бывают: Пример:  

  ….  

  !Теги не чувствительны к регистру!

  =открывающиеся закрывающиеся

• 
  Слайд 6
  

  Они передают программе просмотра страницы основную информацию для идентификации и организации документа. Три самых важных управляющих кода

  ….…

  …

• 
  Слайд 7
  

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

  ….

• 
  Слайд 8
  

  Эта пара тэгов указывает на начало и конец заголовка документа.

  …

• 
  Слайд 9
  

  Всё, что находится между этими тэгами, читается браузером как название документа.  Пример:

• 
  Слайд 10
  

  Всё, что находится между этими тэгами отображается на веб-странице.  Пример:

  …

• 
  Слайд 11
  

  Текст документа, тэги

  Общий вид страницы

• 
  Слайд 12
  

  Документ гипертекстовой разметки имеет расширение *.html Создание документа HTML

• 
  Слайд 13
  

  Создать текстовый документ (блокнот). 2. Записать в него структуру документа HTML. 3. Записать данные Вашей Web-страницы. 4. Сохранить документ с расширением *.html. 5. Открыть страницу браузера. Алгоритм написания документа:

• 
  Слайд 14
  

  Приветствую тебя, посетитель моего сайта. Меня зовут Ваня. Мне 14 лет. Это моя первая Web-страница. Я размещу эту страницу в Интернете.

  Пример кода Веб-страницы

• 
  Слайд 15
  

  Задание: Создать Ваб-страницу по образцу:

  Приветствую тебя, посетитель моего сайта. Меня зовут Ваня. Мне 14 лет. Это моя первая Web-страница. Я размещу эту страницу в Интернете.

  Дописать 2-3 предложения в тэг

• 
  Слайд 16
  

  Изменим цвет фона странички. Для этого в тег

  добавим атрибут bgcolor:

  Самостоятельно измените цвет, набирая сочетания букв латинского алфавита или используя готовые наборы из Интернета. Цвет текста:

  Цвета и атрибуты

• 
  Слайд 17
  

  Выучить конспект; Выбрать тему для своего Ваб-сайта оп информатике, записать структуру в тетрадь; Домашнее задание

• 
  Слайд 18
  

  Список использованных источников: Список использованных печатных источников: -Информатика и ИКТ : учебник для 8 класса / Н.д. Угринович. – 5-е изд.- М.: БИНОМ. Лаборатория знаний, 2011.- 178 с. Ссылки на страницы материалов в Интернете: -Кривенцов Л. А. Конспект и презентация к уроку информатики «Язык разметки гипертекста HTML»  http://www.uchportal.ru/load/17-1-0-16370; -Сайт: Что такое HTML. Введение в HTML: с помощью чего создаются web-страницыhttp://www.on-line-teaching.com/html/lsn001.html