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

Категория: Интернет
Нажмите для полного просмотра!
HTML - Язык разметки гипертекста, слайд №1HTML - Язык разметки гипертекста, слайд №2HTML - Язык разметки гипертекста, слайд №3HTML - Язык разметки гипертекста, слайд №4HTML - Язык разметки гипертекста, слайд №5HTML - Язык разметки гипертекста, слайд №6HTML - Язык разметки гипертекста, слайд №7HTML - Язык разметки гипертекста, слайд №8HTML - Язык разметки гипертекста, слайд №9HTML - Язык разметки гипертекста, слайд №10HTML - Язык разметки гипертекста, слайд №11HTML - Язык разметки гипертекста, слайд №12HTML - Язык разметки гипертекста, слайд №13HTML - Язык разметки гипертекста, слайд №14HTML - Язык разметки гипертекста, слайд №15HTML - Язык разметки гипертекста, слайд №16HTML - Язык разметки гипертекста, слайд №17HTML - Язык разметки гипертекста, слайд №18HTML - Язык разметки гипертекста, слайд №19HTML - Язык разметки гипертекста, слайд №20HTML - Язык разметки гипертекста, слайд №21HTML - Язык разметки гипертекста, слайд №22

Вы можете ознакомиться и скачать презентацию на тему HTML - Язык разметки гипертекста. Доклад-сообщение содержит 22 слайдов. Презентации для любого класса можно скачать бесплатно. Если материал и наш сайт презентаций Mypresentation Вам понравились – поделитесь им с друзьями с помощью социальных кнопок и добавьте в закладки в своем браузере.

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


Слайд 1





Что такое Интернет?
Что такое Интернет?
Для чего вы используете интернет?
А кто делает сайты? 
А на сколько это проблематично?
А вы можете сами создать сайт?
Описание слайда:
Что такое Интернет? Что такое Интернет? Для чего вы используете интернет? А кто делает сайты? А на сколько это проблематично? А вы можете сами создать сайт?

Слайд 2





HTML - Язык  
			разметки 
     				гипертекста
HyperText Markup Language
Описание слайда:
HTML - Язык разметки гипертекста HyperText Markup Language

Слайд 3





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

Слайд 4





Что такое HTML?
Описание слайда:
Что такое HTML?

Слайд 5





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

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

Слайд 6





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

Слайд 7






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

Слайд 8





Структура (скелет) 
HTML документа
Описание слайда:
Структура (скелет) HTML документа

Слайд 9





Структура (скелет) 
HTML документа
Описание слайда:
Структура (скелет) HTML документа

Слайд 10


HTML - Язык разметки гипертекста, слайд №10
Описание слайда:

Слайд 11





План работы:
Создайте на рабочем столе папку с именем «HTML».
Откройте текстовый редактор Блокнот (Пуск/Стандартные/Блокнот).
Введите структурные теги. 
Сохраните документ в папку HTML присвоив ему имя  index.html
Откройте документ index.html с помощью браузера
Описание слайда:
План работы: Создайте на рабочем столе папку с именем «HTML». Откройте текстовый редактор Блокнот (Пуск/Стандартные/Блокнот). Введите структурные теги. Сохраните документ в папку HTML присвоив ему имя index.html Откройте документ index.html с помощью браузера

Слайд 12





Теги форматирования символов
<b> Жирный текст </b>
<i>  Курсив  </i>
<u> Подчеркнутый </u>
Описание слайда:
Теги форматирования символов <b> Жирный текст </b> <i> Курсив </i> <u> Подчеркнутый </u>

Слайд 13


HTML - Язык разметки гипертекста, слайд №13
Описание слайда:

Слайд 14





Теги форматирования символов
<b> Жирный текст </b>
<i>  Курсив  </i>
<u> Подчеркнутый </u>
<b><i><u>Полужирный курсив с подчеркиванием </u></i></b>
Описание слайда:
Теги форматирования символов <b> Жирный текст </b> <i> Курсив </i> <u> Подчеркнутый </u> <b><i><u>Полужирный курсив с подчеркиванием </u></i></b>

Слайд 15





Теги оформления абзацев
Заголовки:
<H1> текст </H1>
<H2> текст </H2>
<H3> текст </H3>
<H4> текст </H4>
<H5> текст </H5>
<H6> текст </H6>
Описание слайда:
Теги оформления абзацев Заголовки: <H1> текст </H1> <H2> текст </H2> <H3> текст </H3> <H4> текст </H4> <H5> текст </H5> <H6> текст </H6>

Слайд 16





Абзац
<p>Текст абзаца</p>
Описание слайда:
Абзац <p>Текст абзаца</p>

Слайд 17





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

Слайд 18





<hr> - горизонтальные линии
Используются для разбиения web –страницы на отдельные части.
Тег <hr> имеет некоторые атрибуты:
Align – выравнивание;
Width – ширина;
Size — размер (толщина);
Color - цвет
Описание слайда:
<hr> - горизонтальные линии Используются для разбиения web –страницы на отдельные части. Тег <hr> имеет некоторые атрибуты: Align – выравнивание; Width – ширина; Size — размер (толщина); Color - цвет

Слайд 19





Пример:
<hr align="center " width="10%"size="60"color="#006400" >
<hr align="right" width="5%" size="10" color="red" >
Описание слайда:
Пример: <hr align="center " width="10%"size="60"color="#006400" > <hr align="right" width="5%" size="10" color="red" >

Слайд 20





Пример:
		 <br>				 <hr>
Описание слайда:
Пример: <br> <hr>

Слайд 21





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

Слайд 22





Д/З
Стр. 113-116
Ответить на вопросы
Описание слайда:
Д/З Стр. 113-116 Ответить на вопросы



Похожие презентации
Mypresentation.ru
Загрузить презентацию