Основы языка разметки гипертекста HTML 10 класс

Содержание

1. Основы языка разметки гипертекста HTML 10 класс
2. Hyper Text Markup Language (HTML)
3. Теги заключаются в
4. Некоторые теги
5. Структура Web-страницы Название Web-страницы На этой странице
6. Создание Web-страницыСоздать личную папку.Создать в блокноте шаблон
7. Создание Web-страницыДля редактирования файла index.htm необходимо выполнить следующие действия:
8. Атрибуты фона Web-страницыАтрибут цвета Web-страницыАтрибут вставки фонового рисунка Web-страницы
9. Теги и атрибуты форматирования текста на Web-странице…
10. Тег и атрибут вставки изображений на Web-странице
11. Теги и атрибуты гиперссылки на
12. ГиперссылкиДля связывания Web- страниц используют гиперссылки. Термин
13. Теги и атрибуты для создания списков на
14. Теги и атрибуты для создания интерактивных форм
15. Практическая работа на ПК«Создание Web-страницы с использованием знаний языка разметки гипертекста HTML»Web-страницаHTML-код страницы
16. Тест по теме «Основы языка разметки гипертекста»Проверь свои знания
17. Домашнее задание1) Учебник 10 класса Н. Д.
18. Использованные источники1. Дробахина, АН. и др. Структурирование
19. Скачать презентанцию

Hyper Text Markup Language (HTML) – язык гипертекстовой разметки документов.Web-страницы можно создать с помощью языка HTML В обычный документ вставляются управляющие символы - HTML-теги, которые определяют вид Web-страницы при

Главная
Информатика
Основы языка разметки гипертекста HTML 10 класс

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

Слайд 1Из опыта работы
Ермаковой Вероники Викентьевны
учителя информатики
МОУ СОШ №

19 г. Белово
Основы языка разметки гипертекста HTML

Из опыта работыЕрмаковой Вероники Викентьевны учителя информатики МОУ СОШ № 19 г. Белово Основы языка разметки гипертекста

Слайд 2 Hyper Text Markup Language (HTML) – язык гипертекстовой

разметки документов.

Web-страницы можно создать с помощью языка HTML

В обычный

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

Hyper Text Markup Language (HTML) – язык гипертекстовой разметки документов.Web-страницы можно создать с помощью языка

Слайд 3 Теги заключаются в угловые скобки

и могут быть одиночными или парными.

Парные теги содержат открывающий и закрывающий теги (контейнер).

Например, код Web-страницы помещается внутрь контейнера
…

Теги могут записываться как прописными, так и строчными буквами.

Слайд 4 Некоторые теги имеют атрибуты, которые

являются именами свойств и могут принимать определённые значения и влияют

на внешний вид Web-страницы.

Например,

Моё имя – Марина

Некоторые теги имеют атрибуты, которые являются именами свойств и могут принимать определённые

Слайд 5Структура Web-страницы

Название Web-страницы

На этой странице можно

разместить любую интересную информацию в Интернете.

Слайд 6Создание Web-страницы
Создать личную папку.
Создать в блокноте шаблон HTML-документа, набрав HTML-код

страницы.
Сохранить файл под именем Шаблон.txt в личной папке.
Открыть файл Шаблон.txt

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

Создание Web-страницыСоздать личную папку.Создать в блокноте шаблон HTML-документа, набрав HTML-код страницы.Сохранить файл под именем Шаблон.txt в личной

Слайд 7Создание Web-страницы

Для редактирования файла index.htm необходимо выполнить следующие действия:

Слайд 8Атрибуты фона Web-страницы

Атрибут цвета Web-страницы

Атрибут вставки фонового рисунка Web-страницы

background="Nature_02.jpg”>

Слайд 9Теги и атрибуты форматирования текста на Web-странице
… до … тег

размера шрифта заголовков

… тег форматирования шрифта
FACE=“Arial”

атрибут задания гарнитуры шрифта
SIZE=4 атрибут задания размера шрифта
COLOR=“Red” атрибут задания цвета шрифта
ALIGN=“left” атрибут задания выравнивания текста

тег для создания горизонтальной линии

…

контейнер для разделения текста на абзацы

Теги и атрибуты форматирования текста на Web-странице… до … тег размера шрифта заголовков… тег форматирования шрифта

Слайд 10Тег и атрибут вставки изображений на Web-странице

Слайд 11Теги и атрибуты гиперссылки на Web-странице

Указатель тег с

атрибутом для создания гиперссылки

… контейнер для создания гиперссылки на адрес

электронной почты

Теги и атрибуты гиперссылки на Web-страницеУказатель тег с атрибутом для создания гиперссылки… контейнер для создания

Слайд 12Гиперссылки
Для связывания Web- страниц используют гиперссылки.
Термин «гипертекст» был введён

в обращение Тедом Нельсоном в 1965 году для описания документов,

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

ГиперссылкиДля связывания Web- страниц используют гиперссылки. Термин «гипертекст» был введён в обращение Тедом Нельсоном в 1965 году

Слайд 13Теги и атрибуты для создания списков на Web-странице
… контейнер для

создания нумерованных списков
тег элемента списка
… контейнер

для создания маркированного списка

тег элемента списка

… контейнер для создания списка терминов

тег для создания термина

тег для создания определения

Теги и атрибуты для создания списков на Web-странице… контейнер для создания нумерованных списков тег

Слайд 14Теги и атрибуты для создания интерактивных форм на Web-странице
… контейнер

для создания формы
Тег со значением атрибута TYPE=“text” создают текстовое

поле
Тег со значением атрибута TYPE=“radio” создают группу переключателей
Тег со значением атрибута TYPE=“checkbox” создают флажки
контейнер для реализации раскрывающего списка

Теги и атрибуты для создания интерактивных форм на Web-странице… контейнер для создания формыТег со значением атрибута

Слайд 15Практическая работа на ПК
«Создание Web-страницы
с использованием знаний
языка разметки

гипертекста HTML»
Web-страница
HTML-код страницы

Слайд 16Тест по теме
«Основы языка разметки гипертекста»
Проверь свои знания

Слайд 17Домашнее задание
1) Учебник 10 класса Н. Д. Угринович (базовый уровень),

П. 2.13, стр. 201-205.
2) Творческое задание (по желанию) -

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

Домашнее задание1) Учебник 10 класса Н. Д. Угринович (базовый уровень), П. 2.13, стр. 201-205. 2) Творческое задание

Слайд 18Использованные источники
1. Дробахина, АН. и др. Структурирование содержания профессиональной подготовки

учителя информатики средствами современного гипертекста / А.Н. Дробахина, М.С. Можаров.

- Новокузнецк, 2003.
2. Угринович, Н. Д. Информатика и ИКТ. Базовый уровень. Учебник 10 класса/Н. Д. Угинович. – М.: БИНОМ. Лаборатория знаний, 2008

Использованные источники1. Дробахина, АН. и др. Структурирование содержания профессиональной подготовки учителя информатики средствами современного гипертекста / А.Н.

Скачать презентацию

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

Основы языка разметки гипертекста HTML 10 класс

Содержание

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

Слайд 1Из опыта работы
Ермаковой Вероники Викентьевны
учителя информатики
МОУ СОШ №

19 г. Белово
Основы языка разметки гипертекста HTML

Слайд 2 Hyper Text Markup Language (HTML) – язык гипертекстовой

разметки документов.

Web-страницы можно создать с помощью языка HTML

В обычный

Слайд 3 Теги заключаются в угловые скобки

и могут быть одиночными или парными.

Слайд 4 Некоторые теги имеют атрибуты, которые

являются именами свойств и могут принимать определённые значения и влияют

Моё имя – Марина

Слайд 5Структура Web-страницы

Название Web-страницы

На этой странице можно

Слайд 6Создание Web-страницы
Создать личную папку.
Создать в блокноте шаблон HTML-документа, набрав HTML-код

страницы.
Сохранить файл под именем Шаблон.txt в личной папке.
Открыть файл Шаблон.txt

Слайд 7Создание Web-страницы

Для редактирования файла index.htm необходимо выполнить следующие действия:

Слайд 8Атрибуты фона Web-страницы

Атрибут цвета Web-страницы

Атрибут вставки фонового рисунка Web-страницы

background="Nature_02.jpg”>

Слайд 9Теги и атрибуты форматирования текста на Web-странице
… до … тег

размера шрифта заголовков

… тег форматирования шрифта
FACE=“Arial”

Слайд 10Тег и атрибут вставки изображений на Web-странице

Слайд 11Теги и атрибуты гиперссылки на Web-странице

Указатель тег с

атрибутом для создания гиперссылки

… контейнер для создания гиперссылки на адрес

Слайд 12Гиперссылки
Для связывания Web- страниц используют гиперссылки.
Термин «гипертекст» был введён

в обращение Тедом Нельсоном в 1965 году для описания документов,

Слайд 13Теги и атрибуты для создания списков на Web-странице
… контейнер для

создания нумерованных списков
тег элемента списка
… контейнер

Слайд 14Теги и атрибуты для создания интерактивных форм на Web-странице
… контейнер

для создания формы
Тег со значением атрибута TYPE=“text” создают текстовое

Слайд 15Практическая работа на ПК
«Создание Web-страницы
с использованием знаний
языка разметки

гипертекста HTML»
Web-страница
HTML-код страницы

Слайд 16Тест по теме
«Основы языка разметки гипертекста»
Проверь свои знания

Слайд 17Домашнее задание
1) Учебник 10 класса Н. Д. Угринович (базовый уровень),

П. 2.13, стр. 201-205.
2) Творческое задание (по желанию) -

Слайд 18Использованные источники
1. Дробахина, АН. и др. Структурирование содержания профессиональной подготовки

учителя информатики средствами современного гипертекста / А.Н. Дробахина, М.С. Можаров.

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

Что такое TheSlide.ru?

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

Основы языка разметки гипертекста HTML 10 класс

Содержание

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

Слайд 1Из опыта работыЕрмаковой Вероники Викентьевны учителя информатики МОУ СОШ №

19 г. Белово Основы языка разметки гипертекста HTML

Слайд 2 Hyper Text Markup Language (HTML) – язык гипертекстовой

разметки документов.Web-страницы можно создать с помощью языка HTML В обычный

Слайд 3 Теги заключаются в угловые скобки

и могут быть одиночными или парными.

Слайд 4 Некоторые теги имеют атрибуты, которые

являются именами свойств и могут принимать определённые значения и влияют

Моё имя – Марина

Слайд 5Структура Web-страницы Название Web-страницы На этой странице можно

Слайд 6Создание Web-страницыСоздать личную папку.Создать в блокноте шаблон HTML-документа, набрав HTML-код

страницы.Сохранить файл под именем Шаблон.txt в личной папке.Открыть файл Шаблон.txt

Слайд 7Создание Web-страницыДля редактирования файла index.htm необходимо выполнить следующие действия:

Слайд 8Атрибуты фона Web-страницыАтрибут цвета Web-страницыАтрибут вставки фонового рисунка Web-страницы

background="Nature_02.jpg”>

Слайд 9Теги и атрибуты форматирования текста на Web-странице… до … тег

размера шрифта заголовков… тег форматирования шрифта FACE=“Arial”

Слайд 10Тег и атрибут вставки изображений на Web-странице

Слайд 11Теги и атрибуты гиперссылки на Web-страницеУказатель тег с

атрибутом для создания гиперссылки… контейнер для создания гиперссылки на адрес

Слайд 12ГиперссылкиДля связывания Web- страниц используют гиперссылки. Термин «гипертекст» был введён

в обращение Тедом Нельсоном в 1965 году для описания документов,

Слайд 13Теги и атрибуты для создания списков на Web-странице… контейнер для

создания нумерованных списков тег элемента списка… контейнер

Слайд 14Теги и атрибуты для создания интерактивных форм на Web-странице… контейнер

для создания формыТег со значением атрибута TYPE=“text” создают текстовое

Слайд 15Практическая работа на ПК«Создание Web-страницы с использованием знаний языка разметки

гипертекста HTML»Web-страницаHTML-код страницы

Слайд 16Тест по теме «Основы языка разметки гипертекста»Проверь свои знания

Слайд 17Домашнее задание1) Учебник 10 класса Н. Д. Угринович (базовый уровень),

П. 2.13, стр. 201-205. 2) Творческое задание (по желанию) -

Слайд 18Использованные источники1. Дробахина, АН. и др. Структурирование содержания профессиональной подготовки

учителя информатики средствами современного гипертекста / А.Н. Дробахина, М.С. Можаров.

Похожие презентации

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

Что такое TheSlide.ru?

Слайд 1Из опыта работы
Ермаковой Вероники Викентьевны
учителя информатики
МОУ СОШ №

19 г. Белово
Основы языка разметки гипертекста HTML

разметки документов.

Web-страницы можно создать с помощью языка HTML

В обычный

Слайд 5Структура Web-страницы

Название Web-страницы

На этой странице можно

Слайд 6Создание Web-страницы
Создать личную папку.
Создать в блокноте шаблон HTML-документа, набрав HTML-код

страницы.
Сохранить файл под именем Шаблон.txt в личной папке.
Открыть файл Шаблон.txt

Слайд 7Создание Web-страницы

Для редактирования файла index.htm необходимо выполнить следующие действия:

Слайд 8Атрибуты фона Web-страницы

Атрибут цвета Web-страницы

Атрибут вставки фонового рисунка Web-страницы

Слайд 9Теги и атрибуты форматирования текста на Web-странице
… до … тег

размера шрифта заголовков

… тег форматирования шрифта
FACE=“Arial”

Слайд 11Теги и атрибуты гиперссылки на Web-странице

Указатель тег с

атрибутом для создания гиперссылки

… контейнер для создания гиперссылки на адрес

Слайд 12Гиперссылки
Для связывания Web- страниц используют гиперссылки.
Термин «гипертекст» был введён

Слайд 13Теги и атрибуты для создания списков на Web-странице
… контейнер для

создания нумерованных списков
тег элемента списка
… контейнер

Слайд 14Теги и атрибуты для создания интерактивных форм на Web-странице
… контейнер

для создания формы
Тег со значением атрибута TYPE=“text” создают текстовое

Слайд 15Практическая работа на ПК
«Создание Web-страницы
с использованием знаний
языка разметки

гипертекста HTML»
Web-страница
HTML-код страницы

Слайд 16Тест по теме
«Основы языка разметки гипертекста»
Проверь свои знания

Слайд 17Домашнее задание
1) Учебник 10 класса Н. Д. Угринович (базовый уровень),

П. 2.13, стр. 201-205.
2) Творческое задание (по желанию) -

Слайд 18Использованные источники
1. Дробахина, АН. и др. Структурирование содержания профессиональной подготовки