Язык HTML, как основа создания гипертекста

Содержание

Слайд 2

Терминология

Гипертекст

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

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

- язык разметки гипертекста

HTML (HyperText Markup
Language)

Слайд 3

История

1969

- Чарльз Гольдфарб создает прототип языка для разметки технической документации GML

1986

определен

История 1969 - Чарльз Гольдфарб создает прототип языка для разметки технической документации
стандарт SGML
(Standard Generalized Markup Language)

1989

- Тим Бернерс-Ли разработал систему разметки гипертекстовых документов HTML

1993

- разработан стандарт HTML 1.2

1994

- создан консорциум W3

1997

- разработаны стандарты HTML 3.2 и HTML 4.0

1995

- разработан стандарт HTML 2.0

Слайд 4

Терминология

- это конструкция языка HTML, предписывающая способ интерпретации помещенных внутри нее данных

Элемент

Элементы

Терминология - это конструкция языка HTML, предписывающая способ интерпретации помещенных внутри нее
могут вкладываться один в другой подобно матрешкам

Слайд 5

- единица разметки, стартовый или конечный маркер элемента.

Запись стартового тега в

- единица разметки, стартовый или конечный маркер элемента. Запись стартового тега в
общем виде:

<тег>

ИНТЕРГРАД

Запись конечного тега в общем виде:


Теги определяют границы действия элементов

Тег

Терминология

Слайд 6

ИНТЕРГРАД

ИНТЕРГРАД

Слайд 7

Вложенность элементов

Вложенность элементов

Слайд 8

Атрибут

- параметр или свойство элемента.

Запись стартового тега с атрибутом в общем

Атрибут - параметр или свойство элемента. Запись стартового тега с атрибутом в
виде:

<тег имяАтрибута="значение">

Все атрибуты записываются внутри стартового тега.

Запись атрибута в общем виде:

имяАтрибута="значение"

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

Терминология

Слайд 9

HTML-документ

- текстовый документ, содержимое которого размечено при помощи элементов языка HTML.

Такие документы

HTML-документ - текстовый документ, содержимое которого размечено при помощи элементов языка HTML.
обычно имеют расширение HTM, HTML.

HTML-код

- совокупность всех элементов языка HTML, использованных для разметки документа.

Терминология

Слайд 10

Гиперссылка

- объект интерпретируемого документа, служащий указателем на другой элемент, документ или файл.

Терминология

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

Слайд 11

URL – (Universal Resource Locator) универсальный указатель ресурса

Например: http://avto.ru/index.htm

Здесь:

путь к файлу

URL – (Universal Resource Locator) универсальный указатель ресурса Например: http://avto.ru/index.htm Здесь: путь
на сервере

Запись URL в общем виде:

протокол://имяСервера.имяДомена/путь

Терминология

Слайд 12

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

Начало документа

Конец документа

«Головная часть» документа

«Тело»документа

Структура HTML-документа Начало документа Конец документа «Головная часть» документа «Тело»документа

Слайд 13

HTML - документ



Заголовок

………

Последний абзац документа

………

Первый абзац документа

заголовок

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

HTML - документ Заголовок ……… Последний абзац документа ……… Первый абзац документа заголовок Структура HTML-документа

Слайд 14

Основные элементы HTML
Разметка текста
Гиперссылки
Графика
Создание списков
Создание таблиц

Классификация основных

Основные элементы HTML Разметка текста Гиперссылки Графика Создание списков Создание таблиц Классификация
элементов HTML по назначению:

Слайд 15

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

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

Слайд 16

Содержимое секции BODY



пример 2


первый абзац текста первый

Содержимое секции BODY пример 2 первый абзац текста первый абзац текста первый
абзац текста
первый абзац текста первый абзац текста
первый абзац текста первый абзац текста


второй абзац текста второй абзац текста
второй абзац текста второй абзац текста




HTML - документ

Результат в браузере

Слайд 17

Заголовки

Заголовок


Пример записи для форматирования:

Заголовки Заголовок Пример записи для форматирования:

Слайд 18

Организация гиперссылки

<А HREF=“Адрес”>Текст ссылки

Запись элемента в общем виде:

Пример:

Внешний вид документа с сылкой:

Организация гиперссылки Текст ссылки Запись элемента в общем виде: Пример: Внешний вид
HREF=“http://www.rambler.ru”>
Поисковая система Рамблер
Поисковая система Рамблер

Слайд 19



коллекция бесплатных программ


Одна из лучших коллекций
бесплатных

коллекция бесплатных программ Одна из лучших коллекций бесплатных программ HTML - документ
программ




HTML - документ

Результат в
браузере

Организация гиперссылки

Слайд 20

Вставка изображений


Запись элемента в общем виде:


Пример:

Использование атрибута align:

     по нижней

Вставка изображений Запись элемента в общем виде: Пример: Использование атрибута align: по
границе строки

по верхней границе строки

Слайд 21



изображение

Учебная аудитория


HTML - документ

Вставка изображений

Результат в браузере

изображение HTML - документ Вставка изображений Результат в браузере

Слайд 22

Оформление внешнего вида документа

оформленный текст

Пример:

тег -

Оформление внешнего вида документа оформленный текст Пример: тег - определяет, как текст
определяет, как текст должен отображаться
параметр face="Arial" — гарнитура шрифта
параметр size="+2" — размер шрифта
теги - определяют курсивное и жирное начертание
тег с параметром color - задают в системе RGB номер цвета шрифта

Слайд 23



Заголовок


Первый абзац документа

Последний абзац документа


HTML - документ

Программа-браузер

Управляющая часть

Окно просмотра интерпретированного

Заголовок Первый абзац документа Последний абзац документа HTML - документ Программа-браузер Управляющая
HTML-документа

Заголовок окна

Строка адреса ресурса (URL)

Взаимодействие документа и браузера

Слайд 24

Программа-браузер

HTML - документ



Заголовок

Первый абзац документа


………

Последний абзац документа

URL: http://avto.ru/index.htm

Взаимодействие документа и браузера

Программа-браузер HTML - документ Заголовок Первый абзац документа ……… Последний абзац документа

Слайд 25

Программа-браузер

HTML - документ



Заголовок

Первый абзац документа


………

Последний абзац документа

URL: http://avto.ru/index.htm

Программа-браузер HTML - документ Заголовок Первый абзац документа ……… Последний абзац документа URL: http://avto.ru/index.htm

Слайд 26

Программа-браузер

HTML - документ



Заголовок

Первый абзац документа


………

Последний абзац документа

URL: http://avto.ru/index.htm

Программа-браузер HTML - документ Заголовок Первый абзац документа ……… Последний абзац документа URL: http://avto.ru/index.htm

Слайд 27

Программа-браузер

HTML - документ



Заголовок

Первый абзац документа


………

Последний абзац документа

URL: http://avto.ru/index.htm

Программа-браузер HTML - документ Заголовок Первый абзац документа ……… Последний абзац документа URL: http://avto.ru/index.htm

Слайд 28

Программа-браузер

HTML - документ



Заголовок

Первый абзац документа


………

Последний абзац документа

http://avto.ru/index.htm

ДОКУМЕНТ НАЙДЕН… ЖДИТЕ.

Программа-браузер HTML - документ Заголовок Первый абзац документа ……… Последний абзац документа http://avto.ru/index.htm ДОКУМЕНТ НАЙДЕН… ЖДИТЕ.

Слайд 29

Программа-браузер

HTML - документ



Заголовок

Первый абзац документа


………

Последний абзац документа

http://avto.ru/index.htm

НАЙДЕНО НАЧАЛО HTML-КОДА

Программа-браузер HTML - документ Заголовок Первый абзац документа ……… Последний абзац документа http://avto.ru/index.htm НАЙДЕНО НАЧАЛО HTML-КОДА

Слайд 30

Программа-браузер

HTML - документ



Заголовок

Первый абзац документа


………

Последний абзац документа

http://avto.ru/index.htm

НАЧАТО ИНТЕРПРЕТИРОВАНИЕ ГОЛОВНОЙ ЧАСТИ ДОКУМЕНТА

Программа-браузер HTML - документ Заголовок Первый абзац документа ……… Последний абзац документа

Слайд 31

Программа-браузер

HTML - документ



Заголовок

Первый абзац документа


………

Последний абзац документа

http://avto.ru/index.htm

ИНТЕРПРЕТАЦИЯ ЗАГОЛОВКА

Заголовок

Программа-браузер HTML - документ Заголовок Первый абзац документа ……… Последний абзац документа http://avto.ru/index.htm ИНТЕРПРЕТАЦИЯ ЗАГОЛОВКА Заголовок

Слайд 32

Программа-браузер

HTML - документ



Заголовок

Первый абзац документа


………

Последний абзац документа

http://avto.ru/index.htm

ГОЛОВНАЯ ЧАСТЬ ДОКУМЕНТА ПРОИНТЕРПРЕТИРОВАНА

Заголовок

Программа-браузер HTML - документ Заголовок Первый абзац документа ……… Последний абзац документа

Слайд 33

Программа-браузер

HTML - документ



Заголовок

Первый абзац документа


………

Последний абзац документа

http://avto.ru/index.htm

Заголовок

НАЧАТО ИНТЕРПРЕТИРОВАНИЕ ЧАСТИ ДОКУМЕНТА,
ОТОБРАЖАЕМОЙ

Программа-браузер HTML - документ Заголовок Первый абзац документа ……… Последний абзац документа
В ОКНЕ БРАУЗЕРА

Слайд 34

Программа-браузер

HTML - документ



Заголовок

Первый абзац документа


………

Последний абзац документа

http://avto.ru/index.htm

Заголовок

ИНТЕРПРЕТИРУЕТСЯ ТЕКСТ

Первый абзац документа

Программа-браузер HTML - документ Заголовок Первый абзац документа ……… Последний абзац документа

Слайд 35

Программа-браузер

HTML - документ



Заголовок

Первый абзац документа


………

Последний абзац документа

http://avto.ru/index.htm

Заголовок

ИНТЕРПРЕТИРУЕТСЯ КАРТИНКА

Первый абзац документа

Программа-браузер HTML - документ Заголовок Первый абзац документа ……… Последний абзац документа

Слайд 36

Программа-браузер

HTML - документ



Заголовок

Первый абзац документа


………

Последний абзац документа

http://avto.ru/index.htm

Заголовок

Первый абзац документа

ИНТЕРПРЕТИРУЕТСЯ …ТЕКСТ

………

Последний

Программа-браузер HTML - документ Заголовок Первый абзац документа ……… Последний абзац документа
абзац документа

Слайд 37

Программа-браузер

HTML - документ



Заголовок

Первый абзац документа


………

Последний абзац документа

http://avto.ru/index.htm

Заголовок

Первый абзац документа

………

Последний абзац

Программа-браузер HTML - документ Заголовок Первый абзац документа ……… Последний абзац документа
документа

ЗАКОНЧЕНО ИНТЕРПРЕТИРОВАНИЕ ЧАСТИ ДОКУМЕНТА,
ОТОБРАЖАЕМОЙ В ОКНЕ БРАУЗЕРА

Имя файла: Язык-HTML,-как-основа-создания-гипертекста.pptx
Количество просмотров: 34
Количество скачиваний: 0