Презентация "Основные теги HTML" (9 класс) по информатике – проект, доклад

Слайд 1
Слайд 2
Слайд 3
Слайд 4
Слайд 5
Слайд 6
Слайд 7
Слайд 8
Слайд 9

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

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

Основные теги HTML
Слайд 1

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

Язык HTML. HTML не является языком программирования, он предназначен для разметки текстовых документов. HTML состоит из тегов. Основным назначением HTML тегов является указание области действия тех или иных правил разметки документов. Большая часть HTML тегов состоит из двух частей: открывающий тег
Слайд 2

Язык HTML

HTML не является языком программирования, он предназначен для разметки текстовых документов. HTML состоит из тегов. Основным назначением HTML тегов является указание области действия тех или иных правил разметки документов. Большая часть HTML тегов состоит из двух частей: открывающий тег <...> и закрывающий тег .

Структура HTML-документа.    Моя первая HTML-страница  . Здравствуйте!
Слайд 3

Структура HTML-документа

Моя первая HTML-страница

Здравствуйте!

Теги структуры.  Этот тег указывает на начало HTML-документа  Этот тег указывает на начало области заголовка Web-страницы. Структура Web-страницы Элемент для размещения заголовка Web-страницы. Строка отображается в заголовке окна броузера.  Этот тег несет служебную информацию и не отображается в экр
Слайд 4

Теги структуры

Этот тег указывает на начало HTML-документа Этот тег указывает на начало области заголовка Web-страницы. Структура Web-страницы Элемент для размещения заголовка Web-страницы. Строка отображается в заголовке окна броузера. Этот тег несет служебную информацию и не отображается в экране браузера. В данном случае идет речь о кодировке Web-странички. Вам достаточно лишь каждый раз вставлять этот тег в таком виде на свою страничку. Тогда ваша страничка будет использовать кодировку windows-1251, наиболее распространенную на сегодняшний день. Конец области заголовка Web-страницы. Начало собственно содержимого Web-страницы. Конец содержимого Web-страницы. Конец HTML-документа.

Форматирование текста. Абзац . Переход на новую строку  Выделение текста полужирным шрифтом   Выделение текста курсивом   Маркированный список   Первый пункт списка;  Второй пункт списка;  Третий пункт списка.  Нумерованный список   Первый пункт списка;  Второй пункт списка;  Третий пункт списка.
Слайд 5

Форматирование текста

Абзац

Переход на новую строку
Выделение текста полужирным шрифтом Выделение текста курсивом Маркированный список

  • Первый пункт списка;
  • Второй пункт списка;
  • Третий пункт списка.
Нумерованный список
  1. Первый пункт списка;
  2. Второй пункт списка;
  3. Третий пункт списка.

Рисунки на WEB-страничке.  - элемент для создания ссылки на графический файл (image). Он не содержит конечного тега - вся необходимая информация задается при помощи атрибутов. Этот элемент является универсальным: с его помощью можно использовать изображения в гиперссылках, вставлять картинки в табли
Слайд 6

Рисунки на WEB-страничке

- элемент для создания ссылки на графический файл (image). Он не содержит конечного тега - вся необходимая информация задается при помощи атрибутов. Этот элемент является универсальным: с его помощью можно использовать изображения в гиперссылках, вставлять картинки в таблицы, просто размещать рисунки на Web-странице, решать задачи дизайна и т.д. Необходимым атрибутом является src - указатель на файл графики: src="Ссылка на файл". Например: Гиперссылки.   - один из самых важных элементов языка, обеспечивающий создание гиперссылок. Чаще всего используется такой шаблон: Произвольный текст Текст для щелчка

Слайд 7

Гиперссылки

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

Таблицы. Таблицы являются очень удобным средством форматирования данных на Web-станице. Они позволяют решать чисто дизайнерские задачи: выравнивать части страницы друг относительно друга, размещать рядом рисунки и текст, управлять цветовым оформлением. При создании таблиц используется принцип вложен
Слайд 8

Таблицы

Таблицы являются очень удобным средством форматирования данных на Web-станице. Они позволяют решать чисто дизайнерские задачи: выравнивать части страницы друг относительно друга, размещать рядом рисунки и текст, управлять цветовым оформлением. При создании таблиц используется принцип вложения: внутри основного элемента таблицы TABLE создается ряд элементов, определяющих строки TR, а внутри этих элементов размещаются элеметы для описания каждой ячейки в с строке TD.

- внешний элемент талицы. - элемент, задающий строку таблицы. - элемент, задающий ячеку таблицы. Например: Таблица из 2 строк, в первой строке - 2 ячейки, во втрой – 3.
1.1 1.2
2.1 2.2 2.3

Полезные ссылки. Учебник по HTML http://infoschool.narod.ru/html/index.htm HTML справочник http://html.manual.ru/ Как сделать сайт самому и бесплатно http://seodon.ru/kak-sdelat-sait/
Слайд 9

Полезные ссылки

Учебник по HTML http://infoschool.narod.ru/html/index.htm HTML справочник http://html.manual.ru/ Как сделать сайт самому и бесплатно http://seodon.ru/kak-sdelat-sait/

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

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

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

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

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

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

Основные этапы разработки и исследования моделей на компьютере

1 ЭТАП. Построение описательной информационной модели. Описательные информационные модели обычно строятся с использованием естественных языков и рисунков. ...
Основные этапы и правила создания электронного письма

Основные этапы и правила создания электронного письма

Адрес и персональное имя Основные правила: 1 Пишите своё имя 2 Имя должно быть простым 3 Используйте осмысленные имена. ТЕМА Правила: 1) Тема должна ...
Основные характеристики операционных систем

Основные характеристики операционных систем

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

Основные устройства компьютера, их функции, взаимосвязь

компьютер. Программная часть - software. Аппаратная часть - hardware. Компьютер – это универсальное устройство для хранения, обработки и передачи ...
Основные устройства внешней памяти

Основные устройства внешней памяти

Внешняя (долговременная) память. Это память, предназначенная для длительного хранения программ и данных. Целостность содержимого данной памяти не ...
Язык гипертекстовой разметки HTML

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

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

Основные задачи администрирования

Понятие информационной системы. Информационная система (ИС) – совокупность внутренних и внешних информационных потоков объекта управления, методов, ...
Основные блоки персонального компьютера

Основные блоки персонального компьютера

Персональный компьютер (ПК) – сравнительно не дорогой универсальный микрокомпьютер, рассчитанный на одного пользователя. Современные компьютеры строятся ...
Объектная модель Microsoft Office. Основные объекты и их свойства и методы

Объектная модель Microsoft Office. Основные объекты и их свойства и методы

Содержание:. СОСТАВ И НАЗНАЧЕНИЕ MICROSOFT OFFICE ТЕКСТОВЫЙ РЕДАКТОР WORD EXCEL POWERPOINT ACCESS Outlook Express Publisher InfoPath. СОСТАВ И НАЗНАЧЕНИЕ ...
Кодировка 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

Размер и форма шрифта. Тег  - определяет выводимый шрифт, его размер и цвет. Атрибуты тега: FACE – определяет гарнитуры шрифтов (Arial, Courier, Times ...
Элемент движения в языке разметки html

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

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

Основные компоненты компьютера

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

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

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

Основные компоненты компьютера

Настольные компьютеры. Системный блок Клавиатура Мышь. МФУ (принтер,сканер,ксерокс). Монитор Колонки Веб-камера. Ноутбуки Нетбуки. Мобильный компьютер. ...

Конспекты

Основные типы и форматы данных. Относительные, абсолютные и смешанные ссылки

Основные типы и форматы данных. Относительные, абсолютные и смешанные ссылки

Класс 9. Предмет Информатика. Тема. : «Основные типы и форматы данных. Относительные, абсолютные и смешанные ссылки». Цели урока:. 1. . Совершенствовать ...
Таблицы в HTML

Таблицы в HTML

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

Алгоритмы. Основные понятия алгоритма

Тема: «Алгоритмы. Основные понятия алгоритма». Раздел программы:. «Алгоритмизация. Основы программирования». Тема урока:. «Алгоритм. Основные понятия ...
Основы языка гипертекстовой разметки документов HTML

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

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

Разработка web-сайтов с использованием языка разметки гипертекста HTML

ПЛАН-КОНСПЕКТ УРОКА № 1. «. Разработка. web. -сайтов с использованием языка разметки гипертекста. HTML. »(На изучение этой темы в учебном плане ...
Основные этапы моделирования

Основные этапы моделирования

Конспект урока информатики. по теме «Основные этапы моделирования». . Тема:. Основные этапы моделирования. ...
Основные этапы разработки и исследования моделей на компьютере

Основные этапы разработки и исследования моделей на компьютере

Урок информатики "Основные этапы разработки и исследования моделей на компьютере". Цель урока:.  . организовать совместную учебную деятельность для ...
Основные инструменты в графических редакторах. Основные операции. Палитры цветов

Основные инструменты в графических редакторах. Основные операции. Палитры цветов

Предмет:. Компьютерная технология. Группа:. школьное отделение 3. курс. Тип урока:. Урок закрепления и применения знаний и умений учащихся. ...
Основные информационные процессы: хранение, обработка, передача информации

Основные информационные процессы: хранение, обработка, передача информации

Технологическая карта конструирования урока. с использованием средств ИКТ и ЦОР по теме. "Основные информационные процессы: хранение, обработка, ...
Знакомство с языком разметки гипертекстовых документов HTML

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

МОУ СОШ №20 г.Минеральные Воды. Урок по информатике. . в 9 классе по теме:. «Знакомство с языком разметки гипертекстовых документов. HTML. ...

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

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

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

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