Основы языка разметки гипертекста HTML
- Главная
- Разное
- Дизайн
- Бизнес и предпринимательство
- Аналитика
- Образование
- Развлечения
- Красота и здоровье
- Финансы
- Государство
- Путешествия
- Спорт
- Недвижимость
- Армия
- Графика
- Культурология
- Еда и кулинария
- Лингвистика
- Английский язык
- Астрономия
- Алгебра
- Биология
- География
- Детские презентации
- Информатика
- История
- Литература
- Маркетинг
- Математика
- Медицина
- Менеджмент
- Музыка
- МХК
- Немецкий язык
- ОБЖ
- Обществознание
- Окружающий мир
- Педагогика
- Русский язык
- Технология
- Физика
- Философия
- Химия
- Шаблоны, картинки для презентаций
- Экология
- Экономика
- Юриспруденция
Основы языка разметки гипертекста HTML презентация
Содержание
- 1. Основы языка разметки гипертекста HTML
- 2. Hyper Text Markup Language (HTML)
- 3. Теги заключаются в
- 4. Некоторые теги
- 5. Структура Web-страницы Название
- 6. Создание Web-страницы Создать личную папку. Создать в
- 7. Создание Web-страницы Для редактирования файла index.htm необходимо выполнить следующие действия:
- 8. Атрибуты фона Web-страницы Атрибут цвета Web-страницы Атрибут вставки фонового рисунка Web-страницы
- 9. Теги и атрибуты форматирования текста на Web-странице
- 10. Тег и атрибут вставки изображений на Web-странице
- 11. Теги и атрибуты гиперссылки на
- 12. Гиперссылки Для связывания Web- страниц используют гиперссылки.
- 13. Теги и атрибуты для создания списков на
- 14. Теги и атрибуты для создания интерактивных форм
- 15. Практическая работа на ПК «Создание Web-страницы
- 16. Тест по теме «Основы языка разметки гипертекста» Проверь свои знания
- 17. Домашнее задание 1) Учебник 10 класса Н.
- 18. Использованные источники 1. Дробахина, АН. и др.
Слайд 1Из опыта работы
Ермаковой Вероники Викентьевны
учителя информатики
МОУ СОШ № 19
г. Белово
Слайд 2 Hyper Text Markup Language (HTML) – язык гипертекстовой разметки
документов.
Web-страницы можно создать с помощью языка HTML
В обычный документ вставляются управляющие символы - HTML-теги, которые определяют вид Web-страницы при её просмотре в браузере.
Web-страницы можно создать с помощью языка HTML
В обычный документ вставляются управляющие символы - HTML-теги, которые определяют вид Web-страницы при её просмотре в браузере.
Слайд 3 Теги заключаются в угловые скобки и
могут быть одиночными или парными.
Парные теги содержат открывающий и закрывающий теги (контейнер).
Например, код Web-страницы помещается внутрь контейнера
…
Теги могут записываться как прописными, так и строчными буквами.
Парные теги содержат открывающий и закрывающий теги (контейнер).
Например, код Web-страницы помещается внутрь контейнера
…
Теги могут записываться как прописными, так и строчными буквами.
Слайд 4 Некоторые теги имеют атрибуты, которые являются
именами свойств и могут принимать определённые значения и влияют на внешний вид Web-страницы.
Например,
Например,
Моё имя – Марина
Слайд 5Структура Web-страницы
Название Web-страницы
На этой странице можно
разместить любую интересную информацию в Интернете.
Назад
Слайд 6Создание Web-страницы
Создать личную папку.
Создать в блокноте шаблон HTML-документа, набрав HTML-код страницы.
Сохранить
файл под именем Шаблон.txt в личной папке.
Открыть файл Шаблон.txt и внести необходимую информацию, используя теги и их атрибуты.
Сохранить файл под именем index.htm в личной папке.
Открыть файл Шаблон.txt и внести необходимую информацию, используя теги и их атрибуты.
Сохранить файл под именем index.htm в личной папке.
Слайд 7Создание Web-страницы
Для редактирования файла index.htm необходимо выполнить следующие действия:
Слайд 8Атрибуты фона Web-страницы
Атрибут цвета Web-страницы
Атрибут вставки фонового рисунка Web-страницы
Слайд 9Теги и атрибуты форматирования текста на Web-странице
… до … тег размера
шрифта заголовков
… тег форматирования шрифта
FACE=“Arial” атрибут задания гарнитуры шрифта
SIZE=4 атрибут задания размера шрифта
COLOR=“Red” атрибут задания цвета шрифта
ALIGN=“left” атрибут задания выравнивания текста
тег для создания горизонтальной линии
… тег форматирования шрифта
FACE=“Arial” атрибут задания гарнитуры шрифта
SIZE=4 атрибут задания размера шрифта
COLOR=“Red” атрибут задания цвета шрифта
ALIGN=“left” атрибут задания выравнивания текста
тег для создания горизонтальной линии
…
контейнер для разделения текста на абзацы
Слайд 11Теги и атрибуты гиперссылки
на Web-странице
Указатель тег с атрибутом
для создания гиперссылки
… контейнер для создания гиперссылки на адрес электронной почты
… контейнер для создания гиперссылки на адрес электронной почты
Слайд 12Гиперссылки
Для связывания Web- страниц используют гиперссылки.
Термин «гипертекст» был введён в
обращение Тедом Нельсоном в 1965 году для описания документов, которые выражают нелинейную структуру идей.
Гипертекст - это способ организации текстовой информации, внутри которой установлены смысловые связи между её различными фрагментами. Такие связи называют гиперсвязями, а место в тексте, обеспечивающее гиперсвязь, гиперссылкой.
Гипертекст - это способ организации текстовой информации, внутри которой установлены смысловые связи между её различными фрагментами. Такие связи называют гиперсвязями, а место в тексте, обеспечивающее гиперсвязь, гиперссылкой.
Назад
Слайд 13Теги и атрибуты для создания списков на Web-странице
… контейнер для создания
нумерованных списков
тег элемента списка
тег элемента списка
тег для создания термина
тег для создания определения
- …
- …
Слайд 14Теги и атрибуты для создания интерактивных форм
на Web-странице
… контейнер для
создания формы
Тег со значением атрибута TYPE=“text” создают текстовое поле
Тег со значением атрибута TYPE=“radio” создают группу переключателей
Тег со значением атрибута TYPE=“checkbox” создают флажки
контейнер для реализации раскрывающего списка
Тег со значением атрибута TYPE=“text” создают текстовое поле
Тег со значением атрибута TYPE=“radio” создают группу переключателей
Тег со значением атрибута TYPE=“checkbox” создают флажки
контейнер для реализации раскрывающего списка
Слайд 15Практическая работа на ПК
«Создание Web-страницы
с использованием знаний
языка разметки гипертекста
HTML»
Web-страница
HTML-код страницы
Слайд 17Домашнее задание
1) Учебник 10 класса Н. Д. Угринович (базовый уровень), П.
2.13, стр. 201-205.
2) Творческое задание (по желанию) - создать минисайт с помощью HTML -языка на свободную тему.
2) Творческое задание (по желанию) - создать минисайт с помощью HTML -языка на свободную тему.
Слайд 18Использованные источники
1. Дробахина, АН. и др. Структурирование содержания профессиональной подготовки учителя
информатики средствами современного гипертекста / А.Н. Дробахина, М.С. Можаров. - Новокузнецк, 2003.
2. Угринович, Н. Д. Информатика и ИКТ. Базовый уровень. Учебник 10 класса/Н. Д. Угинович. – М.: БИНОМ. Лаборатория знаний, 2008
2. Угринович, Н. Д. Информатика и ИКТ. Базовый уровень. Учебник 10 класса/Н. Д. Угинович. – М.: БИНОМ. Лаборатория знаний, 2008
