
- •Введение- история-перспективы.
- •Теги, определяющие структуру документа
- •Строки, содержащей информацию о версии html
- •Блока заголовка документа
- •Тела документа, которое содержит либо непосредственнно обрабатываемую информацию либо определяющего набор фреймов.
- •Html 4.0 Strict – указывает на то, что такой документ не должен содержать отмененных элементов и атрибутов и не должен быть контейнером для фреймов.
- •Html 4.0 Traditional – более «мягкое определение». Может содержать все то, что и html 4.0 Strict, а также ряд отмененных элементов и атрибутов.
- •Html 4.0 Frameset - указывает на то, что данный документ является контейнером для набора фреймов.
- •Элемент meta
- •Vlink – Отменен Указывает цвет посещенных ссылок.
- •Id, class – идентификаторы элемента
- •Группирующие элементы div, span
- •Как правило вывод элемента уровня блока начинается с новой строки.
- •Id, class – идентификаторы элемента
- •Заголовки – элементы h1,h2,h3,h4,h5 и h6.
- •Id, class – идентификаторы элемента
- •Элемент address
- •Id, class – идентификаторы элемента
- •Фреймосодержащие документы
- •Элемент frame
- •Id, class – идентификаторы элемента
- •Элемент noframes
- •Элемент iframe
- •Id, class – идентификаторы элемента
- •Ссылки Элемент a
- •Если указан атрибут href – то источник
- •Если указан атрибут name – назначение для произвольного числа ссылок.
- •Целевые имена кадров
- •Элемент link
- •Списки.
- •Рисунки.
- •Типы управляющих элементов, создаваемые с помощью элемента input
- •Примеры форм с управляющими элементами типа input
- •Элемент button
- •17.6 Элементы select, optgroup и option
- •17.6.1 Заранее выбранные варианты
- •17.7 Элемент textarea
- •17.9.1 Элемент label
- •17.10 Добавление в формы структуры: элементы fieldset и legend
- •17.11 Переход фокуса на элемент
- •17.11.1 Переход с помощью клавиши Tab
- •17.11.2 Клавиши доступа
- •17.12 Отключенные управляющие элементы и элементы только для чтения
- •17.12.1 Отключенные управляющие элементы
Карпова Т.С. лекции
по HTML – начало файл:
HTML – язык гипертекстовой разметки
Введение- история-перспективы.
Гипертекст – это клей который соединяет различные информационные ресурсы.
Предшественники. История
1986 г. – Международная организация по стандартам ISO стандарт
ISO-8879 «Standard Generalized Markup Language» (SGML) – в нем определен лишь синтаксис записи элементов разметки, называемых «тегами».
Язык SGML – явился основой не только будущих языков HTML, XML, но ряда специализированных языков. На его основе построены современные международные системы передачи таможенной информации EDIFACK и системы передачи банковской информации SWIFT.
1990 г. появилась Windows 3.0 и в ней присутствовал специальный Browser для HTML версии 1, он назывался lynx (рысь). Однако он мог интерпретировать только статическую разметку документа и предъявлять его на экране.
1991 – Сотрудники Европейского института физики частиц CERN, занимаяcь созданием системы передачи гипертекстовой информации через интернет, предлагают HTML (HyperTextMarkupLanguage) – язык разметки гипертекста.
1993 г. – появилась первая устойчивая версия операционной среды Windows 3.1 и почти одновременно с ней появляется стандарт HTML 2.
1994 г. Netscape Navigator
1995 г. MS Internet Explorer
1997 г. стандарт HTML 3.2
1999 г. стандарт HTML 4.0 Одновременно с данным стандартом появилась спецификация CSS – Cascading Style Sheets – каскадируемые таблицы стилей (иногда их переводят как таблицы каскадных стилей или каскадные таблицы стилей). Появление данной спецификации было попыткой отделить собственно разметку документа от ее внешнего шрифтового и цветового оформления.
Практически все броузеры Internet Explorer (начиная с версии 4.0 и выше) и Netscape Navigator (начиная с версии 4.0) в настоящий момент успешно поддерживают эту технологию.
В настоящий момент на рынок выпущены версии 6.0 двух основных броузеров. MSIE начиная с версии 5.х и Netscape Navigator версии 6.0 почти на 100% поддерживают стандарт HTML 4.0. Кроме того сейчас начинает набирать вес программа Opera 4. Последняя тоже весьма корректно обрабатывает стандарт 4.0.
Проверить любой документ на соответствие действующему стандарту можно при помощи специального сервиса, предоставляемого всем желающим консорциумом по стандартизации интернет W3C. На официальном сервере данного консорциума http://www.w3.org существует ссылка HTML-validator. Указав URI проверяемой страницы и подождав несколько секунд Вы увидите подробный список всех ошибок и несоответствий. Если таковых не имеется, то Вы получите сообщение “This document is HTML 4.0 Strict”.
Основные правила:
Каждый тег начинается с угловой открывающей скобки < и заканчивается угловой закрывающей скобкой >.
Парные теги образуют контейнеры. При этом к имени закрывающего тега обязательно добавляется специальный символ – правый слэш.
Например:
<тег1> </тег1>
Существуют специальные теги, которые интерпретируются как комментарии в языке разметки HTML.
Однострочный комментарий:
<! Комментарий >
Многострочный комментарий:
<!— восклицательный знак и два подряд идущих символа дэфис
строка 1 комментария
строка 2 комментария
>
Группы тегов HTML можно условно разбить на следующие функциональные группы:
Группа тегов, определяющих структуру документа
Группа тегов, определяющих оформление блоков документа
Группа тегов, задающая гипертекстовые ссылки в документе
Группа тегов, определяющая диалоговые формы в документе
Группа тегов, определяющая вызовы внешних программ
Группа тегов, определяющая метаданные документа
Группа тегов, определяющая возможность включения модулей, написанных на специальных скриптовых языках и работающих на стороне клиента.