Разделы презентаций
- Разное
- Английский язык
- Астрономия
- Алгебра
- Биология
- География
- Геометрия
- Детские презентации
- Информатика
- История
- Литература
- Математика
- Медицина
- Менеджмент
- Музыка
- МХК
- Немецкий язык
- ОБЖ
- Обществознание
- Окружающий мир
- Педагогика
- Русский язык
- Технология
- Физика
- Философия
- Химия
- Шаблоны, картинки для презентаций
- Экология
- Экономика
- Юриспруденция
Основы HTML
Содержание
- 1. Основы HTML
- 2. HTML (Hyper Text Markup Language)язык разметки гипертекста Web-страницы
- 3. Программы для создания HTML – файлов:Редакторы (HTML Wirtel, HTML Assistant, WebEdit, HomeSite, Блокнот и т.д.)ШаблоныПрограммы-преобразователи
- 4. Программы для просмотра Web - страницMicrosoft Internet ExplorerNetscape CommunicatorThe Bat!Opera и т.д.
- 5. Блокнот
- 6. Гипертекст – это текст, содержащий специальные разметочные
- 7. Пример тега
- 8. Структурные тегиТеги символовТеги форматирования абзацевТеги оформления списков данныхТеги логического форматирования текстаТеги физического форматирования текстаКатегории тегов
- 9. Структура HTML - документа
- 10. начинает описание HTML - файлаHTML - документ состоит из двух частей:Раздел заголовкаСодержательная часть
- 11. Раздел заголовкаНачинается тегом Заканчивается тегом Mежду данными
- 12. Раздел содержательной частиНачинается тегом Заканчивается тегом (между которыми располагается содержимоеHTML - документа)
- 13. Создать файл в Блокноте (сохраните в файле
- 14. Создать файл в Блокноте (сохраните в файле Пример, указав расширение *. html)
- 15. Теги символовТеги логического форматирования текстаТеги физического форматирования текста
- 16. Теги логического форматирования текста
- 17. Теги физического форматирования текста
- 18. используется для отметки аббревиатур, акронимов (акроним –
- 19. Пример использования тега : МКОУ «Глядянская средняя общеобразовательная школа»
- 20. Пример использования тега :
- 21. Тег позволяет изменить шрифт
- 22. Параметры тега FACE (задаёт название шрифта, которым
- 23. Задание цвета на языке HTMLШестнадцатеричные значения
- 24. Пример использования параметра Color: Шрифт размера
- 25. Примеры использования параметров тега :
- 26. Тег используется для указания размера, типа и цвета шрифта по умолчанию
- 27. Примеры использования тега :
- 28. Пример использования параметра Color c тегом
- 29. тег «параграф», отделяет абзац друг от друга Тег
- 30. Примеры использования тега :
- 31. Тег отображение горизонтальной линии
- 32. Пример использования тега :
- 33. Тег для разметки заголовков (,,, , , )
- 34. Вставка пробелов и специальных символов "±²
- 35. Список использованной литературыИнформатика. 7 – 9 класс.
- 36. Скачать презентанцию
HTML (Hyper Text Markup Language)язык разметки гипертекста Web-страницы
Слайды и текст этой презентации
Слайд 3Программы для создания HTML – файлов:
Редакторы (HTML Wirtel, HTML Assistant,
WebEdit, HomeSite, Блокнот и т.д.)
Слайд 4Программы для просмотра Web - страниц
Microsoft Internet Explorer
Netscape Communicator
The Bat!
Opera
и т.д.
Слайд 5 Блокнот
(для создания страницы)
Internet Explorer
(для интерпретации файлов)
Программы для создания HTML – файлов:
Слайд 6Гипертекст – это текст, содержащий специальные разметочные теги.
Теги (tag –
ярлык, признак) – инструкции браузера, указывающие способ отображения текста.
Слайд 7Пример тега
Типы тегов
Парные (влияет
на текст с того места, где употреблён тег, до того
места, где указан признак окончания его действия)Непарные
Слайд 8Структурные теги
Теги символов
Теги форматирования абзацев
Теги оформления списков данных
Теги логического форматирования
текста
Теги физического форматирования текста
Категории тегов
Слайд 10
начинает описание HTML - файла
HTML - документ
состоит из двух частей:
Раздел заголовка
Содержательная часть
Слайд 11Раздел заголовка
Начинается тегом
Заканчивается тегом
Mежду данными тегами располагается тег
(этот тег используется для задания названия документа)
Слайд 12Раздел содержательной части
Начинается тегом
Заканчивается тегом
(между которыми располагается содержимое
HTML
- документа)
Слайд 13Создать файл в Блокноте (сохраните в файле Пример, указав расширение
*. html)
Заголовок HTML – документа
Это тело
HTML – документа. Здесь можно разместить всё, что угодно.
Слайд 18
используется для отметки аббревиатур, акронимов (акроним – произносимое слово, состоящее
из начальных букв словосочетания); используя тег - можно указать
«расшифровку» акронима, которая появляется на экране, когда курсор располагается на акрониме.
Слайд 22Параметры тега
FACE (задаёт название шрифта, которым
будет выводится текст)
SIZE (задаёт размеры
шрифта в условных единицах от 1 до 7)
COLOR (устанавливает цвет шрифта,
который может задаваться с
помощью стандартных имён или
набором шестнадцатеричных цифр)
Слайд 23Задание цвета
на языке HTML
Шестнадцатеричные значения
(цветовая система базируется
на трёх основных цветах – красном, зеленом и синем –
обозначается RGB)Например: #000000, #0000FF, #FF0000,
#FFFFFF
Мнемонические обозначения
(название цвета)
Например: Red, White, Blue, Green
Слайд 24Пример использования
параметра Color:
Шрифт размера 6, цвет зелёный
или
Шрифт размера 6, цвет зелёный
Слайд 25Примеры использования
параметров тега :
Название шрифта
Шрифт размера 5
COLOR=Green> Шрифт размера 6, цвет зелёный 
Слайд 27Примеры использования
тега :
Шрифт
по умолчанию размера 3
Шрифт размера 2
Шрифт
размера 4, цвет оливковый 
Слайд 30Примеры использования
тега :
Выравнивание по
левой границе окна
Выравнивание по центру окна
Выравнивание по правой границе окна
Выравнивание по ширине окна
Слайд 35Список использованной литературы
Информатика. 7 – 9 класс. Базовый курс. Практикум
по информационным технологиям /Под ред. Н.В.Макаровой. – СПб.: Питер, 2006.
А.А.
Медведев. Основы HTML: Учебное пособие для средних учебных заведений. – Курган: Изд-во Курганского ИПКРО, 2002. Изображения http://www.xard.ru/post/18613/
