Основы языка HTML

Слайд 2

Основы языка HTML

Разработка языка разметки HTML привела в итоге к новой технологии

Основы языка HTML Разработка языка разметки HTML привела в итоге к новой
распространения гипертекстовых документов в Internet.
Однако для широкого распространения World Wide Web, кроме языка HTML, потребовалось разработка протокола передачи гипертекста HTTP (HyperText Trasport Protocol – протокол передачи гипертекста), который позволил осуществить обмен документами HTML.
Именно этот протокол дал возможность приложению-клиенту находить и использовать ресурсы, хранящиеся на другом компьютере. Протокол HTTP занимается поиском и загрузкой нужного документа всякий раз, когда пользователь щелкает мышью по какому-либо URL (адрес внешнего информационного ресурса).

Основные разработчики:
Тим Беренс-Ли, 1989 – основатель языка, создал базовый вариант HTML.
Д. Раггетт (Hewlett-Packard Labs), 1992 - HTML+.
Дэн Конноли,1994 - HTML 2.
В настоящее время версия с 1994 г. - HTML 4.0.

Слайд 3

Основы языка HTML

Основные элементы языка – команды (ТЭГИ)
Тэги:
<имя> …
Параметры тэгов –

Основы языка HTML Основные элементы языка – команды (ТЭГИ) Тэги: … Параметры
указываются внутри тэга, разделяются пробелами:
Имя_параметра = “Значение_параметра”
Общая структура документа HTML


Содержание заголовка


Содержание тела документа


Слайд 4

Основы языка HTML

Элементы заголовка html-документа (тэг HEAD)

Основы языка HTML Элементы заголовка html-документа (тэг HEAD)

Слайд 5

Основы языка HTML

Элементы стиля и форматирования текста.
Текст, заключенный между открывающим и закрывающим

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

Слайд 6

Основы языка HTML

Списки

Основы языка HTML Списки

Слайд 7

Основы языка HTML

Гиперссылки.
Текст_гиперссылки , где
“Имя _URL” – Полный адрес или

Основы языка HTML Гиперссылки. Текст_гиперссылки , где “Имя _URL” – Полный адрес
относительный путь, определяющий источник для перехода по гиперссылке,
Текст_гиперссылки – место в документе, которое будет гиперссылкой.
Можно определить гиперссылку на определенное место в другом документе или в этом же документе. Для этого место, на которое планируется сделать гиперссылку, обозначается следующим образом (либо в данном документе, либо в другом внешнем документе):
текст , где
“Имя_для_ссылки” – любое имя (идентификатор)
Текст – тот фрагмент текста, на который будет переводить гиперссылка.
Для того, чтобы сделать гиперссылку на этот фрагмент необходимо:
Текст гиперссылки - для ссылки на внешний файл.
Текст гиперссылки - для ссылки на место в текущем документе.
Вывести значение гиперссылки в другом окне:

Слайд 8

Основы языка HTML

Вставка рисунков
текст_альтернативный
Выравнивание картинки относительно страницы:
ALIGN=TOP|BOTTOM|MIDDLE|LEFT|RIGHT
Выравнивание картинки относительно

Основы языка HTML Вставка рисунков Выравнивание картинки относительно страницы: ALIGN=TOP|BOTTOM|MIDDLE|LEFT|RIGHT Выравнивание картинки
основного текста страницы:
ALIGN=TEXTTOP|ABSMIDDLE|BASELINE|ABSBOTTOM

Фон и цвета
Фоновая картинка:
Цвет фона: (порядок: красный/зеленый/синий)
Цвет текста:
Цвет ссылки:
Пройденная ссылка:
Активная ссылка:

Слайд 9

Основы языка HTML

Таблицы

Основы языка HTML Таблицы
Имя файла: Основы-языка-HTML.pptx
Количество просмотров: 169
Количество скачиваний: 0