Что такое findslide.org?

FindSlide.org - это сайт презентаций, докладов, шаблонов в формате PowerPoint.

Для правообладателей

Обратная связь

Email: Нажмите что бы посмотреть 

Яндекс.Метрика

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

Содержание

Hyper Text Markup Language – язык гипертекстовой разметки.HTML - специальные инструкции браузеру, с помощью которых создаются веб-сайты.HTML
«Язык разметки гипертекста HTML» Учитель информатики и ИКТГБОУ СОШ №771 г. МоскваВасина Ольга Витальевна Hyper Text Markup Language – язык гипертекстовой разметки.HTML - специальные инструкции браузеру, Гипертекст (hypertext) – текст, содержащий ссылки на другие веб-страницы, серверы Описательный язык разметки HTML имеет свои команды, которые называются тегами. Они передают программе просмотра страницы основную информацию для идентификации и Эти тэги помещаются соответственно в начале и конце всего документа, чтобы обозначить Эта пара тэгов указывает на начало и конец заголовка документа. … Всё, что находится между этими тэгами, читается браузером как название документа. Пример:… Всё, что находится между этими тэгами отображается на веб-странице. Пример: … Документ гипертекстовой разметки имеет расширение *.htmlСоздание документа HTML Создать текстовый документ (блокнот).2. Записать в него структуру документа HTML.3. Записать данные Название Web-страницы Приветствую тебя, посетитель моего сайта.Меня зовут Ваня. Мне 14 Задание:Создать Ваб-страницу по образцу: Название Web-страницы Приветствую тебя, посетитель моего сайта.Меня зовут Изменим цвет фона странички. Для этого Выучить конспект;Выбрать тему для своего Ваб-сайта оп информатике, записать структуру в тетрадь;Домашнее задание Список использованных источников: Список использованных печатных источников:-Информатика и ИКТ : учебник для
Слайды презентации

Слайд 2 Hyper Text Markup Language – язык гипертекстовой разметки.

HTML

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

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





HTML

Слайд 3
Гипертекст (hypertext) – текст, содержащий ссылки

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

на другие веб-страницы, серверы или ресурсы с возможностями выполнения

переходов.

Гипертекст

Слайд 4 Описательный язык разметки HTML имеет свои

Описательный язык разметки HTML имеет свои команды, которые называются тегами.

команды, которые называются тегами.

Тег - элемент

HTML, представляющий из себя текст, заключенный в угловые скобки <>.




Одинарные

Двойные

ТЕГ

Пример:  
….
 

Пример:

Тег

Слайд 5

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

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



Пример:   ….  

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

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

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

Слайд 6 Они передают программе просмотра страницы основную

Они передают программе просмотра страницы основную информацию для идентификации и

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

управляющих кода


….



…


…

Слайд 7 Эти тэги помещаются соответственно в начале и конце

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

всего документа, чтобы обозначить текст как действительный документ на

языке разметки гипертекста. 

….

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

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

заголовка документа.

…

Слайд 9 Всё, что находится между этими тэгами, читается браузером

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

как название документа. 

Пример:
…

Слайд 10 Всё, что находится между этими тэгами отображается на

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

веб-странице. 

Пример:
…

Слайд 11

Текст заголовка окна


Текст заголовка окна



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



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

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

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

Слайд 13 Создать текстовый документ (блокнот).

2. Записать в него структуру

Создать текстовый документ (блокнот).2. Записать в него структуру документа HTML.3. Записать

документа HTML.

3. Записать данные Вашей Web-страницы.

4. Сохранить документ с

расширением *.html.

5. Открыть страницу браузера.

Алгоритм написания
документа:

Слайд 14

Название Web-страницы


Приветствую тебя, посетитель моего

Название Web-страницы Приветствую тебя, посетитель моего сайта.Меня зовут Ваня. Мне

сайта.
Меня зовут Ваня. Мне 14 лет. Это моя первая

Web-страница.
Я размещу эту страницу в Интернете.


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

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


Название Web-страницы


Приветствую тебя,

Задание:Создать Ваб-страницу по образцу: Название Web-страницы Приветствую тебя, посетитель моего сайта.Меня

посетитель моего сайта.
Меня зовут Ваня. Мне 14 лет. Это

моя первая Web-страница.
Я размещу эту страницу в Интернете.



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

Слайд 16 Изменим цвет фона странички.

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

Для этого в тег добавим атрибут

bgcolor:

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

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

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

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

записать структуру в тетрадь;
Домашнее задание

  • Имя файла: yazyk-razmetki-giperteksta-html.pptx
  • Количество просмотров: 121
  • Количество скачиваний: 0
- Предыдущая Этапы развития жизни на Земле
Следующая - Знакомство с графическим редактором GIMP

Похожие презентации

СА Занятие №2 Загрузка ПК. Установка ОС MS Windows СА Занятие №2 Загрузка ПК. Установка ОС MS Windows 112
Компьютерные вирусы. Антивирусные программы. Компьютерные вирусы. Антивирусные программы. 137
Расчет реакции на аэродинамическое воздействие в MSC Расчет реакции на аэродинамическое воздействие в MSC 110
Засоби масової інформації Засоби масової інформації 120
Компьютерные вирусы и антивирусные программы Компьютерные вирусы и антивирусные программы 134
Возможности настольных издательских систем Возможности настольных издательских систем 167
Урок-игра Слабое звено на закрепление темы Системы счисления 10 класс Урок-игра Слабое звено на закрепление темы Системы счисления 10 класс 163
Основы информационной безопасности Основы информационной безопасности 151
Компьютерные вирусы и антивирусные программы Компьютерные вирусы и антивирусные программы 143
ОСНОВНЫЕ ПОНЯТИЯ КОМПЬЮТЕРНОЙ ГРАФИКИ ОСНОВНЫЕ ПОНЯТИЯ КОМПЬЮТЕРНОЙ ГРАФИКИ 50
Текстовые документы и технологии их создания. Обработка текстовой информации. (7 класс) Текстовые документы и технологии их создания. Обработка текстовой информации. (7 класс) 157
Текстовые редакторы. Работа с текстовым редактором Текстовые редакторы. Работа с текстовым редактором 201
Компьютерные презентации Компьютерные презентации 115
Знания Знания 152
Знакомство с устройством компьютера Знакомство с устройством компьютера 150
Цифровые коммуникации в управлении процессами Цифровые коммуникации в управлении процессами 142
Этапы моделирования Этапы моделирования 166
Методы защиты от компьютерных вирусов Методы защиты от компьютерных вирусов 145
Урок 34. Анализ контрольных работ Урок 34. Анализ контрольных работ 139
Кодирование графической информации Кодирование графической информации 131
Новогоднее приключение Новогоднее приключение 157
Построение геометрических объектов в графическом редакторе Построение геометрических объектов в графическом редакторе 198
Презентация Введение в SQL Презентация Введение в SQL 178
Информационная безопасность деятельности общества и ее основные положения Информационная безопасность деятельности общества и ее основные положения 155
Как изменить фон слайда Как изменить фон слайда 133
Объектно-ориентированная платформа Windows Объектно-ориентированная платформа Windows 148
Мультикастинг Мультикастинг 127
Мова розмітки гіпертексту Мова розмітки гіпертексту 124
Развитие критического мышления на уроках информатики Развитие критического мышления на уроках информатики 195
Действия с информацией Действия с информацией 122