Презентация - Язык разметки гипертекста HTML

Нужно больше вариантов? Смотреть похожие
Нажмите для полного просмотра
Язык разметки гипертекста HTML
Распечатать
  • Уникальность: 100%
  • Слайдов: 18
  • Просмотров: 4929
  • Скачиваний: 2786
  • Размер: 0.23 MB
  • Класс: 8
  • Формат: ppt / pptx
В закладки
Оцени!
  Помогли? Поделись!

Слайды и текст этой онлайн презентации

Слайд 1

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

Слайд 2

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

Слайд 3

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

Слайд 4

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

Тег

Слайд 5

Язык разметки гипертекста HTML, слайд 5
Двойные теги бывают: Пример:   ….   !Теги не чувствительны к регистру! =
открывающиеся
закрывающиеся

Слайд 6

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


Слайд 7

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

Слайд 8

Язык разметки гипертекста HTML, слайд 8
Эта пара тэгов указывает на начало и конец заголовка документа.

Слайд 9

Язык разметки гипертекста HTML, слайд 9
Всё, что находится между этими тэгами, читается браузером как название документа.  Пример:

Слайд 10

Язык разметки гипертекста HTML, слайд 10
Всё, что находится между этими тэгами отображается на веб-странице.  Пример:

Слайд 11

Язык разметки гипертекста HTML, слайд 11
Текст заголовка окна Текст документа, тэги
Общий вид страницы

Слайд 12

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

Слайд 13

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

Слайд 14

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

Слайд 15

Язык разметки гипертекста HTML, слайд 15
Задание:
Создать Ваб-страницу по образцу: Название Web-страницы Приветствую тебя, посетитель моего сайта. Меня зовут Ваня. Мне 14 лет. Это моя первая Web-страница. Я размещу эту страницу в Интернете. Дописать 2-3 предложения в тэг

Слайд 16

Язык разметки гипертекста HTML, слайд 16
Изменим цвет фона странички. Для этого в тег добавим атрибут bgcolor: Самостоятельно измените цвет, набирая сочетания букв латинского алфавита или используя готовые наборы из Интернета. Цвет текста:
Цвета и атрибуты

Слайд 17

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

Слайд 18

Язык разметки гипертекста HTML, слайд 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
^ Наверх
X
Благодарим за оценку!

Мы будем признательны, если Вы так же поделитесь этой презентацией со своими друзьями и подписчиками.