Разделы презентаций
- Разное
- Английский язык
- Астрономия
- Алгебра
- Биология
- География
- Геометрия
- Детские презентации
- Информатика
- История
- Литература
- Математика
- Медицина
- Менеджмент
- Музыка
- МХК
- Немецкий язык
- ОБЖ
- Обществознание
- Окружающий мир
- Педагогика
- Русский язык
- Технология
- Физика
- Философия
- Химия
- Шаблоны, картинки для презентаций
- Экология
- Экономика
- Юриспруденция
Язык HTML как основа создания гипертекста Терминология HTML. Методика
Содержание
- 1. Язык HTML как основа создания гипертекста Терминология HTML. Методика
- 2. ТерминологияГипертекст- специальным образом организованный текст, позволяющий пользователю
- 3. История 1969- Чарльз Гольдфарб создает прототип языка
- 4. Терминология- это конструкция языка HTML, предписывающая способ
- 5. - единица разметки, стартовый или конечный маркер
- 6. ИНТЕРГРАД
- 7. Вложенность элементов
- 8. Атрибут- параметр или свойство элемента. Запись стартового
- 9. HTML-документ- текстовый документ, содержимое которого размечено при
- 10. Гиперссылка- объект интерпретируемого документа, служащий указателем на другой элемент, документ или файл.Терминология
- 11. URL – (Universal Resource Locator) универсальный указатель
- 12. Структура HTML-документаНачало документаКонец документа«Головная часть» документа«Тело»документа
- 13. HTML - документЗаголовок………Последний абзац документа………Первый абзац документазаголовокСтруктура HTML-документа
- 14. Основные элементы HTMLРазметка текста Гиперссылки Графика Создание списков Создание таблиц Классификация основных элементов HTML по назначению:
- 15. Основные теги для разметки текста HTML - документа
- 16. Содержимое секции BODY
- 17. Заголовки ЗаголовокПример записи для форматирования:
- 18. Организация гиперссылкиТекст ссылкиЗапись элемента в общем виде:Пример:Внешний вид документа с сылкой:Поисковая система РамблерПоисковая система Рамблер
- 19. Слайд 19
- 20. Вставка изображенийЗапись элемента в общем виде:Пример:Использование атрибута
- 21. изображение HTML - документВставка изображенийРезультат в браузере
- 22. Оформление внешнего вида документа оформленный текст
- 23. ЗаголовокПервый абзац документаПоследний абзац документа HTML -
- 24. Программа-браузерHTML - документЗаголовокПервый абзац документа………Последний абзац документаURL: http://avto.ru/index.htmВзаимодействие документа и браузера
- 25. Программа-браузерHTML - документЗаголовокПервый абзац документа………Последний абзац документаURL: http://avto.ru/index.htm
- 26. Программа-браузерHTML - документЗаголовокПервый абзац документа………Последний абзац документаURL: http://avto.ru/index.htm
- 27. Программа-браузерHTML - документЗаголовокПервый абзац документа………Последний абзац документаURL: http://avto.ru/index.htm
- 28. Программа-браузерHTML - документЗаголовокПервый абзац документа………Последний абзац документаhttp://avto.ru/index.htmДОКУМЕНТ НАЙДЕН… ЖДИТЕ.
- 29. Программа-браузерHTML - документЗаголовокПервый абзац документа………Последний абзац документаhttp://avto.ru/index.htmНАЙДЕНО НАЧАЛО HTML-КОДА
- 30. Программа-браузерHTML - документЗаголовокПервый абзац документа………Последний абзац документаhttp://avto.ru/index.htmНАЧАТО ИНТЕРПРЕТИРОВАНИЕ ГОЛОВНОЙ ЧАСТИ ДОКУМЕНТА
- 31. Программа-браузерHTML - документЗаголовокПервый абзац документа………Последний абзац документаhttp://avto.ru/index.htmИНТЕРПРЕТАЦИЯ ЗАГОЛОВКАЗаголовок
- 32. Программа-браузерHTML - документЗаголовокПервый абзац документа………Последний абзац документаhttp://avto.ru/index.htmГОЛОВНАЯ ЧАСТЬ ДОКУМЕНТА ПРОИНТЕРПРЕТИРОВАНАЗаголовок
- 33. Программа-браузерHTML - документЗаголовокПервый абзац документа………Последний абзац документаhttp://avto.ru/index.htmЗаголовок НАЧАТО ИНТЕРПРЕТИРОВАНИЕ ЧАСТИ ДОКУМЕНТА,ОТОБРАЖАЕМОЙ В ОКНЕ БРАУЗЕРА
- 34. Программа-браузерHTML - документЗаголовокПервый абзац документа………Последний абзац документаhttp://avto.ru/index.htmЗаголовок ИНТЕРПРЕТИРУЕТСЯ ТЕКСТПервый абзац документа
- 35. Программа-браузерHTML - документЗаголовокПервый абзац документа………Последний абзац документаhttp://avto.ru/index.htmЗаголовок ИНТЕРПРЕТИРУЕТСЯ КАРТИНКАПервый абзац документа
- 36. Программа-браузерHTML - документЗаголовокПервый абзац документа………Последний абзац документаhttp://avto.ru/index.htmЗаголовок Первый абзац документаИНТЕРПРЕТИРУЕТСЯ …ТЕКСТ………Последний абзац документа
- 37. Программа-браузерHTML - документЗаголовокПервый абзац документа………Последний абзац документаhttp://avto.ru/index.htmЗаголовок
- 38. Программа-браузерHTML - документЗаголовокПервый абзац документа………Последний абзац документаhttp://avto.ru/index.htmЗаголовок
- 39. Скачать презентанцию
ТерминологияГипертекст- специальным образом организованный текст, позволяющий пользователю осуществлять по указателям мгновенный переход к связанным ресурсам. - язык разметки гипертекста HTML (HyperText MarkupLanguage)
Слайды и текст этой презентации
Слайд 1Язык HTML как основа создания гипертекста
Терминология HTML. Методика использования. Основные
конструкции.
Слайд 2Терминология
Гипертекст
- специальным образом организованный текст, позволяющий пользователю осуществлять по указателям
мгновенный переход к связанным ресурсам.
- язык разметки гипертекста
HTML
(HyperText MarkupLanguage)
Слайд 3История
1969
- Чарльз Гольдфарб создает прототип языка для разметки технической
документации GML
1986
определен стандарт SGML
(Standard Generalized Markup Language)
1989
- Тим Бернерс-Ли разработал
систему разметки гипертекстовых документов HTML1993
- разработан стандарт HTML 1.2
1994
- создан консорциум W3
1997
- разработаны стандарты HTML 3.2 и HTML 4.0
1995
- разработан стандарт HTML 2.0
Слайд 4Терминология
- это конструкция языка HTML, предписывающая способ интерпретации помещенных внутри
нее данных
Элемент
Элементы могут вкладываться один в другой подобно матрешкам
Слайд 5- единица разметки, стартовый или конечный маркер элемента.
Запись стартового
тега в общем виде:
ИНТЕРГРАД
Запись конечного тега в общем виде:
Теги определяют
границы действия элементовТег
Терминология
Слайд 8Атрибут
- параметр или свойство элемента.
Запись стартового тега с атрибутом
в общем виде:
Все атрибуты записываются внутри стартового тега.
Запись атрибута
в общем виде:имяАтрибута="значение"
Атрибуты внутри стартового тега разделяются пробелами
Терминология
Слайд 9HTML-документ
- текстовый документ, содержимое которого размечено при помощи элементов языка
HTML.
Такие документы обычно имеют расширение HTM, HTML.
HTML-код
- совокупность всех элементов
языка HTML, использованных для разметки документа.Терминология
Слайд 10Гиперссылка
- объект интерпретируемого документа, служащий указателем на другой элемент, документ
или файл.
Терминология
Слайд 11URL – (Universal Resource Locator) универсальный указатель ресурса
Например: http://avto.ru/index.htm
Здесь:
путь
к файлу на сервере
Запись URL в общем виде:
протокол://имяСервера.имяДомена/путь
Терминология
Слайд 12Структура HTML-документа
Начало документа
Конец документа
«Головная часть» документа
«Тело»документа
Слайд 13HTML - документ
Заголовок
………
Последний абзац документа
………
Первый абзац документа
заголовок
Структура HTML-документа
Слайд 14Основные элементы HTML
Разметка текста
Гиперссылки
Графика
Создание списков
Создание таблиц
Классификация основных элементов HTML по назначению:
Слайд 16Содержимое секции BODY
пример 2
первый абзац текста первый абзац
текстапервый абзац текста первый абзац текста
первый абзац текста первый абзац текста
второй абзац текста второй абзац текста
второй абзац текста второй абзац текста
HTML - документ
Результат в браузере
Слайд 18Организация гиперссылки
Текст ссылки
Запись элемента в общем виде:
Пример:
Внешний вид документа
с сылкой:
Поисковая система Рамблер
Поисковая система Рамблер
Слайд 19
коллекция бесплатных программ
Одна
из лучших коллекцийбесплатных программ
HTML - документ
Результат в
браузере
Организация гиперссылки
Слайд 20Вставка изображений
Запись элемента в общем виде:
Пример:
Использование атрибута align:
по нижней границе строки
по верхней границе строки
Слайд 22Оформление внешнего вида документа
оформленный текст
Пример:
тег
- определяет, как текст должен отображаться
параметр face="Arial" —
гарнитура шрифтапараметр size="+2" — размер шрифта
теги - определяют курсивное и жирное начертание
тег с параметром color - задают в системе RGB номер цвета шрифта
Слайд 23
Заголовок
Первый абзац документа
Последний абзац документа
HTML - документ
Программа-браузер
Управляющая часть
Окно
просмотра интерпретированного HTML-документа
Заголовок окна
Строка адреса ресурса (URL)
Взаимодействие документа и браузера
Слайд 24Программа-браузер
HTML - документ
Заголовок
Первый абзац документа
………
Последний абзац документа
URL: http://avto.ru/index.htm
Взаимодействие документа
и браузера
Слайд 25Программа-браузер
HTML - документ
Заголовок
Первый абзац документа
………
Последний абзац документа
URL: http://avto.ru/index.htm
Слайд 26Программа-браузер
HTML - документ
Заголовок
Первый абзац документа
………
Последний абзац документа
URL: http://avto.ru/index.htm
Слайд 27Программа-браузер
HTML - документ
Заголовок
Первый абзац документа
………
Последний абзац документа
URL: http://avto.ru/index.htm
Слайд 28Программа-браузер
HTML - документ
Заголовок
Первый абзац документа
………
Последний абзац документа
http://avto.ru/index.htm
ДОКУМЕНТ НАЙДЕН… ЖДИТЕ.
Слайд 29Программа-браузер
HTML - документ
Заголовок
Первый абзац документа
………
Последний абзац документа
http://avto.ru/index.htm
НАЙДЕНО НАЧАЛО HTML-КОДА
Слайд 30Программа-браузер
HTML - документ
Заголовок
Первый абзац документа
………
Последний абзац документа
http://avto.ru/index.htm
НАЧАТО ИНТЕРПРЕТИРОВАНИЕ ГОЛОВНОЙ
ЧАСТИ ДОКУМЕНТА
Слайд 31Программа-браузер
HTML - документ
Заголовок
Первый абзац документа
………
Последний абзац документа
http://avto.ru/index.htm
ИНТЕРПРЕТАЦИЯ ЗАГОЛОВКА
Заголовок
Слайд 32Программа-браузер
HTML - документ
Заголовок
Первый абзац документа
………
Последний абзац документа
http://avto.ru/index.htm
ГОЛОВНАЯ ЧАСТЬ ДОКУМЕНТА
ПРОИНТЕРПРЕТИРОВАНА
Заголовок
Слайд 33Программа-браузер
HTML - документ
Заголовок
Первый абзац документа
………
Последний абзац документа
http://avto.ru/index.htm
Заголовок
НАЧАТО ИНТЕРПРЕТИРОВАНИЕ
ЧАСТИ ДОКУМЕНТА,
ОТОБРАЖАЕМОЙ В ОКНЕ БРАУЗЕРА
Слайд 34Программа-браузер
HTML - документ
Заголовок
Первый абзац документа
………
Последний абзац документа
http://avto.ru/index.htm
Заголовок
ИНТЕРПРЕТИРУЕТСЯ ТЕКСТ
Первый
абзац документа
Слайд 35Программа-браузер
HTML - документ
Заголовок
Первый абзац документа
………
Последний абзац документа
http://avto.ru/index.htm
Заголовок
ИНТЕРПРЕТИРУЕТСЯ КАРТИНКА
Первый
абзац документа
Слайд 36Программа-браузер
HTML - документ
Заголовок
Первый абзац документа
………
Последний абзац документа
http://avto.ru/index.htm
Заголовок
Первый абзац
документа
ИНТЕРПРЕТИРУЕТСЯ …ТЕКСТ
………
Последний абзац документа
Слайд 37Программа-браузер
HTML - документ
Заголовок
Первый абзац документа
………
Последний абзац документа
http://avto.ru/index.htm
Заголовок
Первый абзац
документа
………
Последний абзац документа
ЗАКОНЧЕНО ИНТЕРПРЕТИРОВАНИЕ ЧАСТИ ДОКУМЕНТА,
ОТОБРАЖАЕМОЙ В ОКНЕ БРАУЗЕРА
Слайд 38Программа-браузер
HTML - документ
Заголовок
Первый абзац документа
………
Последний абзац документа
http://avto.ru/index.htm
Заголовок
Первый абзац
документа
………
Последний абзац документа
ДОСТИГНУТА ГРАНИЦА HTML- ДОКУМЕНТА,
СТРОК ДЛЯ ИНТЕРПРЕТАЦИИ БОЛЬШЕ НЕТ
