Презентация "Основы языка 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

Таблицы