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

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


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

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

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

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

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

Задачи урокаСформировать представление о языке HTMLПознакомиться с понятиями: тег, верстка, разметка. Cделать пробную страницу на языке HTML
ВВЕДЕНИЕ В Задачи урокаСформировать представление о языке HTMLПознакомиться с понятиями: тег, верстка, разметка. Cделать Что это?        Hyper HTMLText Markup Язык HTML был разработан британским учёным Тимом Бернерсом-Ли в конце 80-х годов Вёрстка Вёрстка — это термин первоначально появившийся в типографской среде, и определяется как - являются обычными текстовыми файлами, содержащими специальные теги (или управляющие элементы) разметки. Язык HTML интерпретируется браузерами и Структура 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-страница Имя Фамилия.» - Сохраните файл - Откройте его с помощью любого браузера

  • Имя файла: vvedenie-v-html.pptx
  • Количество просмотров: 81
  • Количество скачиваний: 0