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

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

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

Презентация на тему Введение в HTML

Содержание

2. Задачи урокаСформировать представление о языке HTMLПознакомиться с
3. Что это?
4. Язык HTML был разработан британским учёным Тимом
5. Вёрстка
6. Вёрстка — это термин первоначально появившийся в
7. - являются обычными текстовыми файлами, содержащими специальные
9. Структура HTML страницыневидимая часть страницы (Заголовок, Мета-теги,
10. Тег является контейнером, который заключает в себе
11. Тег предназначен для хранения элементов, цель которых
14. С помощью HTML вы сможете создать свою
16. Скачать презентацию
17. Похожие презентации

Задачи урокаСформировать представление о языке HTMLПознакомиться с понятиями: тег, верстка, разметка. Cделать пробную страницу на языке HTML

Язык HTML был разработан британским учёным Тимом Бернерсом-Ли в конце 80-х годов

Вёрстка — это термин первоначально появившийся в типографской среде, и определяется как

- являются обычными текстовыми файлами, содержащими специальные теги (или управляющие элементы) разметки.

Структура HTML страницыневидимая часть страницы (Заголовок, Мета-теги, Подключение стилей, Java-script )видимая часть

Тег является контейнером, который заключает в себе все содержимое веб-страницы, включая теги

Тег предназначен для хранения элементов, цель которых — помочь браузеру в работе

С помощью HTML вы сможете создать свою страничку в интернете! Сегодня вы

Презентацию подготовилаТаушканова Н.Н.учитель информатикиМОУ СОШ 2 г. Ивантеевка

Слайды презентации

Слайд 2 Задачи урока
Сформировать представление о языке HTML
Познакомиться с понятиями:

Задачи урокаСформировать представление о языке HTMLПознакомиться с понятиями: тег, верстка, разметка.

тег, верстка, разметка.
Cделать пробную страницу на языке HTML

Слайд 3 Что это?

Что это? Hyper HTMLText Markup Language HTML

Hyper
HTML
Text
Markup
Language
HTML (от

англ. HyperText Markup Language — язык разметки гипертекста) — стандартный язык разметки документов во Всемирной паутине.

Слайд 4 Язык HTML был разработан британским учёным Тимом Бернерсом-Ли

Язык HTML был разработан британским учёным Тимом Бернерсом-Ли в конце 80-х

в конце 80-х годов 20 века в рамках создания

проекта распределенной гипертекстовой системы, которую он назвал World Wide Web (WWW) или Всемирная паутина.

Слайд 5 Вёрстка

Слайд 6 Вёрстка — это термин первоначально появившийся в типографской

Вёрстка — это термин первоначально появившийся в типографской среде, и определяется

среде, и определяется как процесс создания страниц путём компонования

элементов, как текстовых так и графических.

На сегодняшний день под вёрсткой может подразумеваться как типографская вёрстка, так и компьютерная вёрстка страниц для создания интернет-сайтов.

Слайд 7 - являются обычными текстовыми файлами, содержащими специальные теги

- являются обычными текстовыми файлами, содержащими специальные теги (или управляющие элементы)

(или управляющие элементы) разметки.
имеют расширения htm или

html.
их можно создавать при помощи любого текстового редактора. (чаще всего используется Блокнот)

Документы HTML

Слайд 8 Язык

Язык HTML интерпретируется браузерами и отображается в

HTML интерпретируется браузерами и отображается в виде документа, в

удобной для человека форме.

Так браузер отображает для нас

Таким браузер «видит» исходный код

Слайд 9 Структура HTML страницы

невидимая часть страницы (Заголовок, Мета-теги, Подключение

Структура HTML страницыневидимая часть страницы (Заголовок, Мета-теги, Подключение стилей, Java-script )видимая

стилей, Java-script )

видимая часть страницы, в которой расположены непосредственно

элементы веб страницы: абзацы, таблицы рисунки.

Слайд 10 Тег является контейнером, который заключает в себе

Тег является контейнером, который заключает в себе все содержимое веб-страницы, включая

все содержимое веб-страницы, включая теги и . Документ

начинается тегом и заканчивается

Тег

Слайд 11 Тег предназначен для хранения элементов, цель которых

— помочь браузеру в работе с данными. Содержимое тега

не отображается напрямую на веб-странице, за исключением тега <br><p>Тег < head ><br> </div> <hr> </div> <div class="descrip"> <h3 id="slide12"> <a href="/img/tmb/14/1310941/46553fa39d8181d0b6de33e4ef3dd479-720x.jpg" target="_blank">Слайд 12</a> </h3> <div class="image"> <a href="/img/tmb/14/1310941/46553fa39d8181d0b6de33e4ef3dd479-720x.jpg" class="js_fancybox" data-fancybox="slides" data-caption=" Тег Определяет заголовок документа. Элемент не является частью документа и не показывается напрямую на веб-странице. Допускается использовать только один тег на документ и размещать его в контейнере ."><img src="/img/tmb/14/1310941/46553fa39d8181d0b6de33e4ef3dd479-720x.jpg" title="Введение в HTML" alt="Тег Определяет заголовок документа. Элемент"></a> </div> <div class="text"> <h4> Тег Определяет заголовок документа. Элемент не является</h4> частью документа и не показывается напрямую на веб-странице. Допускается использовать только один тег <title> на документ и размещать его в контейнере <head>.<br> </div> <hr> </div> <div class="descrip"> <h3 id="slide13"> <a href="/img/tmb/14/1310941/6af37684701ac768d44461e843314ba6-720x.jpg" target="_blank">Слайд 13</a> </h3> <div class="image"> <a href="/img/tmb/14/1310941/6af37684701ac768d44461e843314ba6-720x.jpg" class="js_fancybox" data-fancybox="slides" data-caption=" Тег Тег предназначен для хранения содержания веб-страницы (контента), отображаемого в окне браузера. Информацию, которую следует выводить в документе, следует располагать именно внутри контейнера . "><img src="/img/tmb/14/1310941/6af37684701ac768d44461e843314ba6-720x.jpg" title="Введение в HTML" alt="Тег Тег предназначен для хранения"></a> </div> <div class="text"> <h4> Тег Тег предназначен для хранения содержания</h4> веб-страницы (контента), отображаемого в окне браузера. Информацию, которую следует выводить в документе, следует располагать именно внутри контейнера <body>. <br> </div> <hr> </div> <div class="descrip"> <h3 id="slide14"> <a href="/img/tmb/14/1310941/f557404e9089c44255bbead636e356b9-720x.jpg" target="_blank">Слайд 14</a> С помощью HTML вы сможете создать свою страничку </h3> <div class="image"> <a href="/img/tmb/14/1310941/f557404e9089c44255bbead636e356b9-720x.jpg" class="js_fancybox" data-fancybox="slides" data-caption="С помощью HTML вы сможете создать свою страничку в интернете! Сегодня вы увидите свою первую пробную страничку!"><img src="/img/tmb/14/1310941/f557404e9089c44255bbead636e356b9-720x.jpg" title="Введение в HTML" alt="С помощью HTML вы сможете создать свою страничку в интернете! Сегодня"></a> </div> <div class="text"> <h4>в интернете! Сегодня вы увидите свою первую пробную страничку!<br></h4> </div> <hr> </div> <div class="descrip"> <h3 id="slide15"> <a href="/img/tmb/14/1310941/02a1041656c0187fcb8df6a8cdbdd80e-720x.jpg" target="_blank">Слайд 15</a> </h3> <div class="image"> <a href="/img/tmb/14/1310941/02a1041656c0187fcb8df6a8cdbdd80e-720x.jpg" class="js_fancybox" data-fancybox="slides" data-caption=" Практическое задание - Откройте в компьютере на рабочем столе файл MyFirstPage.html с помощью программы Блокнот. - Выделите в открывшемся коде все известные вам блоки - В теге замените текст. Вставьте фразу: «Это первая html-страница Имя Фамилия.» - Сохраните файл - Откройте его с помощью любого браузера "><img src="/img/tmb/14/1310941/02a1041656c0187fcb8df6a8cdbdd80e-720x.jpg" title="Введение в HTML" alt="Практическое задание - Откройте в компьютере"></a> </div> <div class="text"> <h4> Практическое задание - Откройте в компьютере на рабочем столе</h4> файл MyFirstPage.html с помощью программы Блокнот. - Выделите в открывшемся коде все известные вам блоки - В теге <title> замените текст. Вставьте фразу: «Это первая html-страница Имя Фамилия.» - Сохраните файл - Откройте его с помощью любого браузера