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

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

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

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

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

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

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

Содержание

HTML - Язык разметки гипертекстаHyperText Markup Language
Что такое Интернет?Для чего вы используете интернет?А кто делает сайты? А на HTML - Язык разметки гипертекстаHyperText Markup Language План:Разобраться с понятием HTMLРассмотреть основные команды и правила их использования.Создать с помощью HTML свою первую страницу. Что такое HTML? Теги (tag) – инструкции браузеру, указывающие способ отображения текста Пример: Текстовый редактор Блокнот и браузер Откройте страницу 114 учебника Структура (скелет) HTML документа … Структура (скелет) HTML документа … План работы:Создайте на рабочем столе папку с именем «HTML».Откройте текстовый редактор Блокнот Теги форматирования символов Жирный текст Курсив Подчеркнутый Теги форматирования символов Жирный текст Курсив Подчеркнутый Полужирный курсив с подчеркиванием Теги оформления абзацевЗаголовки: текст текст текст текст текст текст АбзацТекст абзацаВыравнивание абзацаТекст абзаца - по левому краю … ”center”… - по центру … Не парные теги - переход к следующей строке. - горизонтальная линия. - горизонтальные линииИспользуются для разбиения web –страницы на отдельные части.Тег имеет Пример: Пример: Итог:Что такое HTML?Как называются команды HTML?Какое программное обеспечение используем?Структурные теги? Д/ЗСтр. 113-116Ответить на вопросы
Слайды презентации

Слайд 2 HTML - Язык разметки гипертекста
HyperText

HTML - Язык разметки гипертекстаHyperText Markup Language

Markup Language

Слайд 3 План:
Разобраться с понятием HTML
Рассмотреть основные команды и правила

План:Разобраться с понятием HTMLРассмотреть основные команды и правила их использования.Создать с помощью HTML свою первую страницу.

их использования.
Создать с помощью HTML свою первую страницу.

Слайд 4 Что такое HTML?

Что такое HTML?

Слайд 5 Теги (tag) – инструкции браузеру, указывающие способ отображения

Теги (tag) – инструкции браузеру, указывающие способ отображения текста Пример:

текста

Пример:

Слайд 6 Текстовый редактор Блокнот и браузер

Текстовый редактор Блокнот и браузер

Слайд 7 Откройте страницу 114 учебника

Откройте страницу 114 учебника

Слайд 8 Структура (скелет) HTML документа


…

Структура (скелет) HTML документа … …




…




- начало гипертекстового документа

- информация о документе

- начало самого текста

- конец гипертекстового документа

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

Слайд 9 Структура (скелет) HTML документа


…

Структура (скелет) HTML документа … …




…




- начало гипертекстового документа

- информация о документе

- начало самого текста

- конец гипертекстового документа

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

Слайд 10

Слайд 11 План работы:
Создайте на рабочем столе папку с именем

План работы:Создайте на рабочем столе папку с именем «HTML».Откройте текстовый редактор

«HTML».
Откройте текстовый редактор Блокнот (Пуск/Стандартные/Блокнот).
Введите структурные теги.
Сохраните документ

в папку HTML присвоив ему имя index.html
Откройте документ index.html с помощью браузера

Слайд 12 Теги форматирования символов
Жирный текст
Курсив

Теги форматирования символов Жирный текст Курсив Подчеркнутый

Подчеркнутый


Слайд 13

Слайд 14 Теги форматирования символов
Жирный текст
Курсив

Теги форматирования символов Жирный текст Курсив Подчеркнутый Полужирный курсив с подчеркиванием

Подчеркнутый


Полужирный курсив с подчеркиванием

Слайд 15 Теги оформления абзацев
Заголовки:

текст
текст
текст

Теги оформления абзацевЗаголовки: текст текст текст текст текст текст


текст
текст
текст


Слайд 16 Абзац
Текст абзаца


Выравнивание абзаца
Текст абзаца - по левому

АбзацТекст абзацаВыравнивание абзацаТекст абзаца - по левому краю … ”center”… - по

краю

… ”center”… - по центру
… ”right”… - по правому

краю
… ”justify”… - по ширине

атрибут

значение

Слайд 17 Не парные теги

- переход к следующей строке.

Не парные теги - переход к следующей строке. - горизонтальная линия.

- горизонтальная линия.

Слайд 18 - горизонтальные линии
Используются для разбиения web –страницы

- горизонтальные линииИспользуются для разбиения web –страницы на отдельные части.Тег

на отдельные части.

Тег имеет некоторые атрибуты:
Align – выравнивание;
Width

– ширина;
Size — размер (толщина);
Color - цвет

Слайд 19 Пример:


Пример:

color="red" >

Слайд 20 Пример:


Пример:

Слайд 21 Итог:
Что такое HTML?
Как называются команды HTML?
Какое программное обеспечение

Итог:Что такое HTML?Как называются команды HTML?Какое программное обеспечение используем?Структурные теги?

используем?
Структурные теги?




  • Имя файла: html-yazyk- razmetki- giperteksta.pptx
  • Количество просмотров: 96
  • Количество скачиваний: 0
- Предыдущая Почвообразующие породы и почвы Беларуси
Следующая - Вирусы. Строение и классификация

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

Презентация Песочная терапия презентация для интерактивной доски Презентация Песочная терапия презентация для интерактивной доски 107
Как помочь ребенку - левше консультация (средняя группа) по теме Как помочь ребенку - левше консультация (средняя группа) по теме 90
УМК ПНШ УМК ПНШ 109
Темперамент.(Биосоциальная сущность человека) Темперамент.(Биосоциальная сущность человека) 92
Презентация кружка Умей-ка презентация к уроку (старшая группа) Презентация кружка Умей-ка презентация к уроку (старшая группа) 103
Информационные сетиинфокоммуникационные системыи сети Информационные сетиинфокоммуникационные системыи сети 117
Конструктивные особенности Конструктивные особенности 98
МегаФон. Услуги CDN в операторском бизнесе МегаФон. Услуги CDN в операторском бизнесе 89
Живокость высокая Живокость высокая 132
Лекція Ділове спілкування 1 Лекція Ділове спілкування 1 117
Считалочки презентация к уроку (младшая группа) Считалочки презентация к уроку (младшая группа) 89
Исследуй снег! Исследуй снег! 170
Кривая производственных возможностей. Кривая производственных возможностей. 93
Развитие слухового восприятия детей старшего дошкольного возраста. Дидактические игры и упражнения презентация к уроку по обучению грамоте (старшая, подготовительная группа) Развитие слухового восприятия детей старшего дошкольного возраста. Дидактические игры и упражнения презентация к уроку по обучению грамоте (старшая, подготовительная группа) 115
Кредитование аптечных организаций и их безналичные расчеты Кредитование аптечных организаций и их безналичные расчеты 139
m m9 m m9 92
Консультация для родителей День Победы презентация Консультация для родителей День Победы презентация 87
Неделя здоровья презентация к уроку (старшая группа) по теме Неделя здоровья презентация к уроку (старшая группа) по теме 175
Технология оценивания Технология оценивания 46
Presentation:my favorite sportsman Presentation:my favorite sportsman 102
Качество и точность выполнения геодезических работ Качество и точность выполнения геодезических работ 109
В мире русских самоваров презентация к уроку (подготовительная группа) В мире русских самоваров презентация к уроку (подготовительная группа) 119
Їжак Їжак 106
Дидактическая игра Чего не хватает презентация для интерактивной доски Дидактическая игра Чего не хватает презентация для интерактивной доски 111
Использование интерактивной панели в развитии у детей математических представлений материал (младшая группа) Использование интерактивной панели в развитии у детей математических представлений материал (младшая группа) 118
ПЕДАГОГИЧЕСКИЙ МАРАФОН: ОБЕСПЕЧЕНИЕ ПРЕЕМСТВЕННОСТИ УРОВНЕЙ ДОШКОЛЬНОГО И НАЧАЛЬНОГО ОБРАЗОВАНИЯ В УСЛОВИЯХ РЕАЛИЗАЦИИ ФГОС НОО И ПОЭТАПНОГО ВВЕДЕНИЯ ФГОС ДО. ПРЕЕМСТВЕННОСТЬ. ПРОБЛЕМЫ. ПЕРСПЕКТИВЫ. презентация к занятию (подготовительная группа) ПЕДАГОГИЧЕСКИЙ МАРАФОН: ОБЕСПЕЧЕНИЕ ПРЕЕМСТВЕННОСТИ УРОВНЕЙ ДОШКОЛЬНОГО И НАЧАЛЬНОГО ОБРАЗОВАНИЯ В УСЛОВИЯХ РЕАЛИЗАЦИИ ФГОС НОО И ПОЭТАПНОГО ВВЕДЕНИЯ ФГОС ДО. ПРЕЕМСТВЕННОСТЬ. ПРОБЛЕМЫ. ПЕРСПЕКТИВЫ. презентация к занятию (подготовительная группа) 134
Первая часть Первая часть 92
Семейная гостиная Покормим птиц зимой материал (старшая, подготовительная группа) по теме Семейная гостиная Покормим птиц зимой материал (старшая, подготовительная группа) по теме 131
Aviation in tourism Aviation in tourism 104
Здоровьесберегающие технологии для глаз Здоровьесберегающие технологии для глаз 97