Презентация "Урок 2. Элементы HTML" () по информатике – проект, доклад

Слайд 1
Слайд 2
Слайд 3
Слайд 4
Слайд 5
Слайд 6
Слайд 7
Слайд 8
Слайд 9
Слайд 10
Слайд 11
Слайд 12
Слайд 13
Слайд 14

Презентацию на тему "Урок 2. Элементы HTML" можно скачать абсолютно бесплатно на нашем сайте. Предмет проекта: Информатика. Красочные слайды и иллюстрации помогут вам заинтересовать своих одноклассников или аудиторию. Для просмотра содержимого воспользуйтесь плеером, или если вы хотите скачать доклад - нажмите на соответствующий текст под плеером. Презентация содержит 14 слайд(ов).

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

Презентация учителя информатики и ИКТ Вакатовой Ирины Владимировны. Урок 2. Элементы HTML
Слайд 1

Презентация учителя информатики и ИКТ Вакатовой Ирины Владимировны

Урок 2. Элементы HTML

HTML документы представляют собой текстовые файлы, состоящие из HTML элементов. HTML элементы определяются с помощью HTML-тэгов.
Слайд 2

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

Тэги HTML. HTML-тэги используются для разметки HTML элементов HTML-тэги окружены двумя символами  Окружающие символы называют угловыми скобками HTML-тэги, как правило, используются парами как  и  Первый тэг в паре - тэг начала, второй тэг - конечный тэг Html-тэги не чувствительны к регистру,  означа
Слайд 3

Тэги HTML

HTML-тэги используются для разметки HTML элементов HTML-тэги окружены двумя символами Окружающие символы называют угловыми скобками HTML-тэги, как правило, используются парами как и Первый тэг в паре - тэг начала, второй тэг - конечный тэг Html-тэги не чувствительны к регистру, означает то же самое что и Примечание: Тэг начала обычно называют открытым тэгом, а конечный тэг закрытым.

Элементы HTML. HTML элемент начинается с начального тэга Содержанием элемента будет всё между начальным тэгом и конечным тэгом HTML элемент заканчивается конечным тэгом У некоторых HTML элементов нет содержания У некоторых HTML элементов нет конечного тэга Примечание: HTML элементы довольно часто на
Слайд 4

Элементы HTML

HTML элемент начинается с начального тэга Содержанием элемента будет всё между начальным тэгом и конечным тэгом HTML элемент заканчивается конечным тэгом У некоторых HTML элементов нет содержания У некоторых HTML элементов нет конечного тэга Примечание: HTML элементы довольно часто называют контейнерами.

Помните наш первый HTML пример. Это моя первая страница. Этот текст выделен полужирным шрифтом   Данный выше пример, содержит в себе 4 элемента.
Слайд 5

Помните наш первый HTML пример

Это моя первая страница.

Этот текст выделен полужирным шрифтом Данный выше пример, содержит в себе 4 элемента.

Пустые HTML элементы. HTML элементы без содержания, называются пустыми элементами. Пустые элементы не имеют конечного тэга.  является пустым элементом, без закрывающего тэга. В XHTML, XML, а также в будущей версии HTML, все элементы должны быть закрыты. Добавление черты в начальном тэге, как , являе
Слайд 6

Пустые HTML элементы

HTML элементы без содержания, называются пустыми элементами. Пустые элементы не имеют конечного тэга.
является пустым элементом, без закрывающего тэга. В XHTML, XML, а также в будущей версии HTML, все элементы должны быть закрыты. Добавление черты в начальном тэге, как
, является надлежащим способом закрытия пустых элементов, принятый в HTML

Урок 3. Основные HTML тэги
Слайд 7

Урок 3. Основные HTML тэги

Самые важные тэги в HTML - тэги, которые определяют заголовки, параграфы и окончания строк. Лучший способ изучить HTML состоит в том, чтобы работать с примерами.
Слайд 8

Самые важные тэги в HTML - тэги, которые определяют заголовки, параграфы и окончания строк. Лучший способ изучить HTML состоит в том, чтобы работать с примерами.

Заголовки. Заголовки определяются с помощью тэгов от.  до . Тэг  определяет наибольший заголовок, а  наименьший.  Это - заголовок   Это - заголовок   Это - заголовок   Это - заголовок   Это - заголовок   Это - заголовок  Браузер автоматически добавляет дополнительную пустую строку до и после заголов
Слайд 9

Заголовки

Заголовки определяются с помощью тэгов от

до

. Тэг

определяет наибольший заголовок, а

наименьший.

Это - заголовок

Это - заголовок

Это - заголовок

Это - заголовок

Это - заголовок
Это - заголовок
Браузер автоматически добавляет дополнительную пустую строку до и после заголовка.

Параграфы. Параграфы определяются тэгом. . Это - параграф. Это - другой параграф. Браузер автоматически добавляет дополнительную пустую строку до и после параграфа.
Слайд 10

Параграфы

Параграфы определяются тэгом

.

Это - параграф

Это - другой параграф

Браузер автоматически добавляет дополнительную пустую строку до и после параграфа.

Комментарии в HTML. Тэг комментария используется, чтобы вставить комментарий в исходный текст HTML. Комментарий будет проигнорирован браузером. Вы можете использовать комментарии, чтобы объяснить Ваш код, это может помочь вам, когда вы будете редактировать исходный текст позднее. Отметьте, что Вам н
Слайд 11

Комментарии в HTML

Тэг комментария используется, чтобы вставить комментарий в исходный текст HTML. Комментарий будет проигнорирован браузером. Вы можете использовать комментарии, чтобы объяснить Ваш код, это может помочь вам, когда вы будете редактировать исходный текст позднее. Отметьте, что Вам необходимо поставить восклицательный знак после скобки открытия, но не перед закрывающей угловой скобкой.

Подведем итоги…. У каждого элемента HTML есть своё название (body [тело], h1 [заголовок], p [параграф], br [конец строки]) В начале тэга имя окружено угловыми скобками:  В конце тэга черта и имя окружены угловыми скобками:  h1> Содержание элемента находится в промежутке между начальным тэгом и ко
Слайд 12

Подведем итоги…

У каждого элемента HTML есть своё название (body [тело], h1 [заголовок], p [параграф], br [конец строки]) В начале тэга имя окружено угловыми скобками:

В конце тэга черта и имя окружены угловыми скобками: h1> Содержание элемента находится в промежутке между начальным тэгом и конечным тэгом Некоторые HTML элементы не имеют содержания Некоторые HTML элементы не имеют конечного тэга

Изученные основные HTML-тэги
Слайд 13

Изученные основные HTML-тэги

Практическое задание на сегодня. Находится в папке «Сетевое окружение\Мои задания на Main\Задание по тегам HTML» Вопросы??? Начинайте работу за компьютерами!
Слайд 14

Практическое задание на сегодня

Находится в папке «Сетевое окружение\Мои задания на Main\Задание по тегам HTML» Вопросы??? Начинайте работу за компьютерами!

Список похожих презентаций

Язык гипертекстовой разметки - html

Язык гипертекстовой разметки - html

HTML. Hyper Text Markup Language – язык гипертекстовой разметки. Описательный язык разметки HTML имеет свои команды, которые называются тегами. !Теги ...
Язык гипертекстовой разметки HTML

Язык гипертекстовой разметки HTML

«Каркас» страницы. < html >   Мой сайт    . Посмотреть в браузере. Текст в HTML. < html >   Мой сайт  . Текст в HTML.  .  . Теги. , , , . Полужирный ...
Элементы теоретического программирования

Элементы теоретического программирования

Каждой паре вида (si, qi), где siА и qiQ\{q0}, соответствует тройка (sj, t, qj), где sjA, tT и qjQ (q0 не участвует в парах (si, qi), так как ...
Элементы языка Турбо Паскаль

Элементы языка Турбо Паскаль

Основные операторы языка Паскаль Оператор присваивания Имя переменной:= выражение; При этом тип переменной и тип выражения должны быть одинаковыми. ...
Урок с использованием ИКТ

Урок с использованием ИКТ

1 3 4 5 6 7 8 9 10 Т А Б Л И Ц А Р А С Ш И Р Е Н И Е З Н А Н И Е Б А Й Т А Д Р Е С А Б А К М О Н И Т О Р С К А Н Е Р. В Ы С К А З Ы В А Н И Е. А Р ...
Элементы для Flash-приложений на языке haXe

Элементы для Flash-приложений на языке haXe

Обзор средств $$$$. Неудобно для программиста. Flash Player 9 Большие swf громоздко. Flash 6-7-8, Flash 9, JavaScript, Neko. Многообразие элементов. ...
Основные теги HTML

Основные теги HTML

Язык HTML. HTML не является языком программирования, он предназначен для разметки текстовых документов. HTML состоит из тегов. Основным назначением ...
MS Word. Элементы структурирования текста

MS Word. Элементы структурирования текста

Структурированный текст имеет ·разделение на абзацы, ·заголовки и подзаголовки, может содержать ·нумерованные и маркированные списки, ·сноски и колонтитулы, ...
Кодирование и обработка графической информации Урок 2 Средства и технологии работы с растровой графикой

Кодирование и обработка графической информации Урок 2 Средства и технологии работы с растровой графикой

Виды компьютерной графики. Растровая Векторная Фрактальная точка линия треугольник. Наименьший элемент. Растр. Растр (от англ. raster) – представление ...
Кодировка HTML

Кодировка HTML

Кодировка ASCII. ASCII расшифровывается как Американский Стандартный Код для Обмена информацией (American Standard Code for Information Interchange). ...
Использование гипертекста html

Использование гипертекста html

«Творческим считается любое действие, которое эффективно и вызывает удивление» Дж. Брунер. Web-страницы создаются с использованием языка разметки ...
Диалоги средствами HTML и JavaScript

Диалоги средствами HTML и JavaScript

1.    Кликни меня  . Создаем событие выполняемое при загрузке страницы. Связываем с этим событием дествие. 2. Создаем событие выполняемое при щелчке ...
Введение в HTML

Введение в HTML

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

Язык разметки гипертекста HTML

. Код страницы помещается в контейнер …. Отображаемое в браузере содержание страницы помещается в контейнер…. Название страницы помещается в контейнер ...
Основные теги HTML

Основные теги HTML

. . . . Атрибуты, характеризующие цвет. Коды цвета. Для простоты в HTML определены 16 стандартных цветов, которые вместе с их шестнадцатеричными кодами ...
Язык разметки гипертекста HTML

Язык разметки гипертекста HTML

Hyper Text Markup Language – язык гипертекстовой разметки. HTML - специальные инструкции браузеру, с помощью которых создаются веб-сайты. HTML. Гипертекст ...
Основы HTML

Основы HTML

HTML (Hyper Text Markup Language). язык разметки гипертекста Web-страницы. Программы для создания HTML – файлов:. Редакторы (HTML Wirtel, HTML Assistant, ...
Урок информатики с элементами Православной Отечественной культуры

Урок информатики с элементами Православной Отечественной культуры

Презентация урока Храмы Древней Руси Храмы г.Томска. Крест Христов есть начало и конец нашего спасения! Без Креста мы не христиане, мы не члены Церкви ...
Основы языка HTML

Основы языка HTML

Разработка языка разметки HTML привела в итоге к новой технологии распространения гипертекстовых документов в Internet. Однако для широкого распространения ...
Элемент движения в языке разметки html

Элемент движения в языке разметки html

ь с т и л е к м з а р б у о н ч. Что означает атрибут «face» у тэга ? Как называется структурированный язык html? Программа для отображения Web-страниц? ...

Конспекты

Элементы управления TextBox и Label

Элементы управления TextBox и Label

Конспект урока. «Элементы управления TextBox и Label». . . 10 класс. Разработала: Скилевая Елена Владимировна. ...
Элементы издательской работы

Элементы издательской работы

Конспект урока на тему. «Элементы издательской работы». Цель: . изучить основные возможности редактора формул и освоить создание графических объектов ...
Элементы сайтостроения

Элементы сайтостроения

МОУ «Средняя общеобразовательная школа №1 г.Тосно. с углубленным изучением отдельных предметов». «Элементы сайтостроения». Занятие с учащимися ...
Таблицы в HTML

Таблицы в HTML

Кушей Ирина Зеноновна. Педагог дополнительного образования. МБОУ ДОД ЦИР ЮВЕНТА. . Конспект урока. по теме «Таблицы в HTML». Тип занятия:. ...
Урок по безопасности в сети Интернет

Урок по безопасности в сети Интернет

Урок по интернет безопасности в сети Интернет в общеобразовательной организации МБОУ Костерёвская СОШ №1. . Урок по безопасности в сети Интернет ...
Введение в HTML

Введение в HTML

Введение в HTML. Зачем вам вообще нужно делать страницу. Бобчинский: Я прошу вас покорнейше, как поедете в Петербург, скажите всем там вельможам ...
Списки в html

Списки в html

МБОУ лицей № 35 г. Ставрополя. Урок информатики в 8 классе. «Списки в html». Автор: Пронченко Евгений Юрьевич,. . учитель ...
Основы создания HTML - страниц

Основы создания HTML - страниц

Рогозина Светлана Яковлевна МБОУ СОШ № 12 МО город-курорт Анапа. Краснодарский край, учитель информатики. . Урок по теме «Основы создания HTML. ...
Основы языка гипертекстовой разметки документов HTML

Основы языка гипертекстовой разметки документов HTML

Тема:. Основы языка гипертекстовой разметки документов HTML. . Цель:. дать понятие о HTML. , научить создавать HTML. – документ; развивать память, ...
Множество. Элементы множеств

Множество. Элементы множеств

Тема: Множество. Элементы множеств. Тип урока:.  Урок изучения нового материала. Цель урока:. сформировать у учащихся представление о понятиях ...

Советы как сделать хороший доклад презентации или проекта

  1. Постарайтесь вовлечь аудиторию в рассказ, настройте взаимодействие с аудиторией с помощью наводящих вопросов, игровой части, не бойтесь пошутить и искренне улыбнуться (где это уместно).
  2. Старайтесь объяснять слайд своими словами, добавлять дополнительные интересные факты, не нужно просто читать информацию со слайдов, ее аудитория может прочитать и сама.
  3. Не нужно перегружать слайды Вашего проекта текстовыми блоками, больше иллюстраций и минимум текста позволят лучше донести информацию и привлечь внимание. На слайде должна быть только ключевая информация, остальное лучше рассказать слушателям устно.
  4. Текст должен быть хорошо читаемым, иначе аудитория не сможет увидеть подаваемую информацию, будет сильно отвлекаться от рассказа, пытаясь хоть что-то разобрать, или вовсе утратит весь интерес. Для этого нужно правильно подобрать шрифт, учитывая, где и как будет происходить трансляция презентации, а также правильно подобрать сочетание фона и текста.
  5. Важно провести репетицию Вашего доклада, продумать, как Вы поздороваетесь с аудиторией, что скажете первым, как закончите презентацию. Все приходит с опытом.
  6. Правильно подберите наряд, т.к. одежда докладчика также играет большую роль в восприятии его выступления.
  7. Старайтесь говорить уверенно, плавно и связно.
  8. Старайтесь получить удовольствие от выступления, тогда Вы сможете быть более непринужденным и будете меньше волноваться.

Информация о презентации

Ваша оценка: Оцените презентацию по шкале от 1 до 5 баллов
Дата добавления:24 мая 2018
Категория:Информатика
Содержит:14 слайд(ов)
Поделись с друзьями:
Скачать презентацию
Смотреть советы по подготовке презентации