Язык гипертекстовой разметки HTML.

Краткая историческая справка
WWW
Употребляемые наиболее часто термины
Компоненты HTML
Технология HTML
Основные достоинства HTML-документов
Программы, использующиеся для создания Web-страниц
Web-страницы могут содержать
Структура тэгов
Базисные элементы
Структура Web-страницы
Другие тэги
Тэги списков
Гипертекстовые ссылки
Вставка картинки
Формы на Web-страницах
Содержание.

В 1961 году Defence Advanced Research Agensy (DARPA) по заданию министерства обороны США приступило к проекту по созданию экспериментальной сети передачи пакетов. Эта сеть, названная ARPANET, предназначалась первоначально для изучения методов обеспечения надежной связи между компьютерами различных типов. Многие методы передачи данных через модемы были разработаны в ARPANET. (в т. ч и протоколы передачи данных в сети - TCP/IP). Эксперимент с ARPANET был настолько успешен, что многие организации захотели войти в нее, с целью использования для ежедневной передачи данных. И в 1975 году ARPANET превратилась из экспериментальной сети в рабочую сеть. Но развитие ARPANET на этом не остановилось. Протоколы TCP/IP продолжали развиваться и совершенствоваться.
Краткая историческая спрвка
Дальше

В 1983 году вышел первый стандарт для протоколов TCP/IP. Спустя некоторое время TCP/IP был адаптирован в общедоступный стандарт, и термин Internet вошел во всеобщее употребление. И хотя в 1991 году ARPANET прекратила свое существование, сеть Internet существует, ее размеры намного превышают первоначальные, так как она объединила множество сетей во всем мире.
Краткая историческая спрвка
Содержание
Назад

С момента разработки первой версии языка (HTML 1.0) прошло уже пять лет. За это время произошло довольно серьезное развитие языка. Почти вдвое увеличилось число элементов разметки, оформление документов все больше приближается к оформлению качественных печатных изданий, развиваются средства описания не текстовых информационных ресурсов и способы взаимодействия с прикладным программным обеспечением. Совершенствуется механизм разработки типовых стилей. Фактически, в настоящее время HTML развивается в сторону создания стандартного языка разработки интерфейсов как локальных, так и распределенных систем.
Содержание

Единая схема наименования для поиска ресурсов в Web (например, URI).
Протоколы для доступа к именованным ресурсам через Web (например, HTTP).
Гипертекст для простого перемещения по ресурсам (например, HTML).
World Wide Web (Web) – это сеть информационных ресурсов. Для того, чтобы сделать эти ресурсы доступными наиболее широкой аудитории, в Web используются три механизма:
WWW
Содержание

HTML (Hypertext Markup Language) – язык для написания гипертекстовых документов. Основная особенность – наличие гипертекстовых связей между документами находящимися в различных архивах сети; благодаря этим связям можно непосредственно во время просмотра одного документа переходить к другим документам.
Internet – глобальная компьютерная сеть.
WWW (World Wide Web) – всемирная паутина. Система распределенных баз данных, обладающих гипертекстовыми связями между документами.
Гипертекст – документ, имеющий связи с другими документами через систему выделенных слов (ссылок). Гипертекст соединяет различные документы на основе заранее заданного набора слов.
Наиболее часто употребляемые
термины
Дальше

Web-страница – документ (файл), подготовленный в формате гипертекста и размещенный в WWW.
Сайт – набор Web-страниц, принадлежащих одному владельцу.
Браузер – программа просмотра Web-страниц.
Гиперссылка – выделяемый цветом и подчеркиванием текст, при наведении на который курсор мыши превращается в ?
Тэг – команда разметки текста
Наиболее часто употребляемые
термины
Содержание
Назад

В HTML реализованы все разметки, связанные с выделением параграфов, шрифтов, стилей и т. п. Важным компонентом языка является описание встроенных и ассоциированных гипертекстовых ссылок, встроенной графики и обеспечение возможности поиска по ключевым словам.
Компоненты HTML.
Содержание

Технология HTML состоит в том, что в обычный текстовый документ вставляются управляющие символы (тэги) и в результате мы получаем Web-страницу.
Технология HTML.
Содержание

Малый информационный объем
Возможность просмотра на персональных компьютерах, оснащенных различными системами
Основные достоинства
HTML-документов.
Содержание

Для создания Web-страниц используются простейшие текстовые редакторы, которые не включают в создаваемые документ управляющие символы форматирования текста. В качество такого редактора в Windows обычно используется стандартное приложение Блокнот.
Содержание

текст
иллюстрации
анимацию
звуковую информацию
видеоинформацию
динамические объекты
управляющие кнопки
Web-страницы могут содержать:
Содержание

Тег HTML состоит из следующих друг за другом в определенном порядке элементов:
левой угловой скобки < (такого же, как "меньше чем" символа)
необязательного слэша /, который означает, что тэг является конечным тэгом, закрывающим некоторую структуру.
имени тэга, например TITLE или PRE
необязательных, если даже тэг может иметь их, атрибутов. Тэг может быть без атрибутов или сопровождаться одним или несколькими атрибутами, например: ALIGN=CENTER
правой угловой скобки > (такой же, как символа "больше чем").
Структура тэгов.
Содержание

контейнер для HTML-кода Web-страницы
информация о Web-странице
заголовок
основное содержание
Базисные элементы.
Содержание

заголовок
содержание
Структура Web-страницы
Содержание

– переход на новую строку
– горизонтальная черта
– тэг абзаца – уровни заголовков
и
– центрирование элементов документа
– фоновые рисунки
Другие тэги.
Содержание

Нумерованный список.
Начинается тэгом
и завершается тэгом
. Каждый элемент списка начинается с тэга
.
Ненумерованный список.
Начинается тэгом
и завершается тэгом
. Каждый элемент списка начинается с тэга
.
Список определений.
Начинается с тэга
и завершается тэгом
Каждый термин начинается тэгом
, а описание — тэгом
.
Тэги списков.
Содержание

Общий вид:
текст ссылки
Тэг ссылки —
.
HREF="URL" — адрес объекта, на который указывает ссылка.
Гипертекстовые ссылки.
Содержание

“URL” – адрес рисунка.
Вставка картинки.
Содержание

Все формы начинаются тэгом
и завершаются тэгом
.
</h3></h3><img onerror="this.setAttribute('data-error', 1)" width="720" height="540" alt="Все формы начинаются тэгом и завершаются тэгом . используется для того, чтобы" loading="eager" data-nuxt-img sizes="(max-width: 1024px) 480px, 720px" srcset="/_ipx/f_webp&q_80&fit_contain&s_480x360/imagesDir/jpg/420323/slide-20.jpg 480w, /_ipx/f_webp&q_80&fit_contain&s_720x540/imagesDir/jpg/420323/slide-20.jpg 720w, /_ipx/f_webp&q_80&fit_contain&s_960x720/imagesDir/jpg/420323/slide-20.jpg 960w, /_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/420323/slide-20.jpg 1440w" class="slides-image" src="/_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/420323/slide-20.jpg"><!----><div class="slides-content">COLS=50><br>
используется для того, чтобы позволить пользователю вводить более одной строки информации.
– выбор нескольких значений одновременно.
– позволяет вводить одно значение из нескольких альтернатив.
– кнопка Очистить.
– кнопка Отправить.
– однострочное поле ввода.
Формы на Web-страницах.
Дальше

С помощью тэга
можно создать раскрывающийся список.
Тэг SELECT имеет один или более параметр между стартовым тэгом
и завершающим
. По умолчанию, первый элемент отображается в строке выбора. При этом перед каждым элементом списка ставится
.
Формы на Web-страницах.
Содержание
Назад