Что такое 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
  • Количество просмотров: 75
  • Количество скачиваний: 0
- Предыдущая Почвообразующие породы и почвы Беларуси
Следующая - Вирусы. Строение и классификация

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

Презентация защищал Россию мощную, великую, святую! Презентация защищал Россию мощную, великую, святую! 26
Логико – математические дидактические игры используемые в работе со старшими дошкольниками ( презентация) презентация к занятию (старшая группа) по теме Логико – математические дидактические игры используемые в работе со старшими дошкольниками ( презентация) презентация к занятию (старшая группа) по теме 93
Презентация проекта Будь здоров, малыш! презентация к занятию (младшая группа) по теме Презентация проекта Будь здоров, малыш! презентация к занятию (младшая группа) по теме 95
Лисенок в гостях у ребят методическая разработка по теме Лисенок в гостях у ребят методическая разработка по теме 33
Презентация по профессии Повар, кондитер на тему: Термины и определения Охраны труда Презентация по профессии Повар, кондитер на тему: Термины и определения Охраны труда 234
Проект поселения будущего Проект поселения будущего 97
Презентация по внеклассной работе Презентация по внеклассной работе 35
Сирень 1945 года Сирень 1945 года 85
Хэллоуин Хэллоуин 83
Занятие Какие они, современные родители учебно-методический материал (младшая группа) по теме Занятие Какие они, современные родители учебно-методический материал (младшая группа) по теме 104
Пейзаж Пейзаж 96
Развивающая предметно-пространственная среда моей группы презентация Развивающая предметно-пространственная среда моей группы презентация 97
Сұраныс және ұсыныс үлгілері Сұраныс және ұсыныс үлгілері 301
Объединение компьютеров в локальную сеть Организация работы пользователей в локальных компьютерных сетях Объединение компьютеров в локальную сеть Организация работы пользователей в локальных компьютерных сетях 86
Презентация : Летние виды спорта презентация к уроку (средняя группа) Презентация : Летние виды спорта презентация к уроку (средняя группа) 85
puteshestvie v stranu skazok puteshestvie v stranu skazok 75
Презентация к занятию Духовно-нравственное воспитание в детском саду презентация к уроку (старшая группа) Презентация к занятию Духовно-нравственное воспитание в детском саду презентация к уроку (старшая группа) 107
Создание программного продукта генерации бланковых тестов Создание программного продукта генерации бланковых тестов 77
Презентация по математике на тему Деление десятичных дробей на натуральное число Презентация по математике на тему Деление десятичных дробей на натуральное число 79
London London 59
Has the arab spring changed african women’s position insociety? Has the arab spring changed african women’s position insociety? 137
Презентация по специальности Продавец, контролер-кассир Презентация по специальности Продавец, контролер-кассир 136
obuchnie obuchnie 83
Коммуникация в сети Интернет Коммуникация в сети Интернет 90
Стандартизация и метрология в моей будущей профессии Стандартизация и метрология в моей будущей профессии 92
Основные предметы в 5 классе Основные предметы в 5 классе 91
prezentatsiya nashi zashchitniki prezentatsiya nashi zashchitniki 76
Как помочь неуспевающему школьнику. Советы логопеда. статья по теме Как помочь неуспевающему школьнику. Советы логопеда. статья по теме 86
prezentatsiya k umnikam i umnitsam 2 prezentatsiya k umnikam i umnitsam 2 80
портфолио воспитателя материал портфолио воспитателя материал 73