Слайды и текст этой онлайн презентации
Слайд 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
Название Web-страницы
Приветствую тебя, посетитель моего сайта.
Меня зовут Ваня. Мне 14 лет. Это моя первая Web-страница.
Я размещу эту страницу в Интернете.
Пример кода
Веб-страницы
Слайд 15
Задание:
Создать Ваб-страницу по образцу:
Название Web-страницы
Приветствую тебя, посетитель моего сайта.
Меня зовут Ваня. Мне 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