Что такое 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 документа  …   	…









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

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

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

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

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


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

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

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

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


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

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

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



Слайд 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
  • Количество просмотров: 93
  • Количество скачиваний: 0