Организация сайтостроительства - язык HTML
Некоторые возможности HTML:
форматирование текста: выделение курсивом, жирным шрифтом, подчёркивание, изменение размера шрифта и создание нумерованных или маркированных списков;
создание текстовых блоков — заголовков разных уровней (от H1 до H6), абзацев и переносов на новую строку;
создание таблиц с разным количеством строк и столбцов, задание фиксированной высоты и ширины таблицы, а также добавление заголовков к столбцам;
вставка объектов: изображений, звуковых и видеофайлов, текстовых документов и других мультимедийных элементов на веб-страницу;
создание гиперссылок, которые позволяют пользователям переходить к другим страницам или открывать файлы.
Важно: HTML не «запускает» сайт самостоятельно — он лишь указывает, где располагаются элементы, какой у них будет базовый дизайн, откуда брать стили для элементов и скрипты (обычно их пишут на JavaScript).
-
HTML - статьи
На создание качественного сайта необходимо потратить много усилий. Основная проблема состоит в том, что разные браузеры по-разному отображают интернет-страницы и не всегда так, как это было задумано их создателем. На сегодняшний день существуют четыре наиболее распространенных клиента: MS Internet Explorer, Mozilla, Opera и Netscape Navigator. По статистическим данным, основная масса пользователей использует для браузер IE. MZ, Opera и NN — много меньше, но отказываться от их поддержки нельзя, поскольку их доля достаточно велика и постоянно растет.
Наиболее совместимая со всеми браузерами разметка HTML -документа получается при соблюдении стандартов, определённых организацией World Wide Web Consortium. Но и здесь существуют подводные камни: дело в том, что разработчики браузеров иногда по-разному понимают спецификации и рекомендации по разработке ПО, что приводит к некорректному отображению документа. К счастью, в современных браузерах ситуация исправляется и в большинстве случаев страницы отображаются корректно.
Синтаксис HTTP заголовка для поля Cookie
Дополнительные сведения
Примеры
Что такое cookie?
Что можно делать с помощью cookie?
Какие броузеры поддерживают механизм cookies?
Установка cookie.
Установка cookie с помощью HTML.
Установка cookie с использованием Perl/CGI.
Установка нескольких cookie одновременно.
Таблица цветов
Что такое cookies и как с ними работать
Часть I. Что есть CSS
Часть Il. Cвойства CSS
Часть III. Дополнения
Послесловие. От Автора
Element Groups
A
ABBREV
ACRONYM
ADDRESS
APPLET
AREA
AU
B
BANNER
BASE
BASEFONT
BDO
BGSOUND
BIG
BLINK
BLOCKQUOTE
BODY
BQ
BR
CAPTION
CENTER
CITE
CODE
COL
COLGROUP
CREDIT
DD
DEL
DFN
DIR
DIV
DL
DT
EM
EMBED
FIG
FN
FONT
FORM
FRAME
FRAMESET
H1
H2
H3
H4
H5
H6
HEAD
HPn
HR
HTML
I
IMG
INPUT
INS
ISINDEX
KBD
LANG
LH
LI
LINK
LISTING
MAP
MARQUEE
MENU
META
NEXTID
NOBR
NOEMBED
NOFRAMES
NOTE
OL
OPTION
OVERLAY
P
PARAM
PERSON
PLAINTEXT
PRE
Q
S
SAMP
SELECT
SMALL
SPAN
STRIKE
STRONG
SUB
SUP
TAB
TABLE
TBODY
TD
TEXTAREA
TFOOT
TH
THEAD
TITLE
TR
TT
U
UL
VAR
WBR
XMP
Язык гипертекстовой разметки (HTML)
Основы верстки (F.A.Q.)
Спецификация языка HTML
Допустимое использование
Примечания редактора
Текст перевода
HTML - статьи
Keywords для начинающих
ОБЩИЕ ПОЛОЖЕНИЯ
Определение и целесообразность кросс-браузерности
Функции, зависящие от браузера
(X)HTML
JavaScript
CSS
Macromedia Flash
Заключение
HTML - статьи
Достоинства и проблемы HTML Application
META-теги — инструмент хорошего сайта?
Создание универсального выпадающего меню
Что необходимо?
Что нужно делать дальше?
Как же отобразить этот слой?
А как сделать, чтобы табличка появлялась в нужном месте?
А как сделать, чтобы слой исчезал, когда курсор не на сссылке?
А как сделать другие слои, чтобы они отображались при наведении курсора на другую ссылку?
А если не для всех ссылок нужно подменю?
Мультибраузерный сайт: как его сделать
HTML - статьи
Изменения и дополнения
Надлежащие благодарности:
Чем замечательно это руководство?
Какие элементы включены
ФОРМАТ ЭТОГО ДОКУМЕНТА
УПОТРЕБЛЯЕМЫЕ СИМВОЛЫ
СОВМЕСТИМОСТЬ
КРАТКОЕ РУКОВОДСТВО ПО HTML
Использование встроенных в NC картинок.
SSI
SSI в примерах
Iso8859-1
Таблицы в примерах
ВЫРАВНИВАНИЕ, ОТСТУПЫ, РАМКИ
ВЫРАВНИВАНИЕ, ЗАГОЛОВКИ И ПОДТАБЛИЦЫ
ЗАДАНИЕ ШИРИНЫ ТАБЛИЦЫ
-
HTML по шагам
Веб-страницей называется сетевой документ, открываемый в браузере. Обычно веб-страница создается в формате HTML и содержит, как правило, текст, изображения и ссылки. В связи с развитием технологий, веб-страницей также могут называться документы и в другом формате, например, XML, Flash, PDF и т.д.
Шаг 1. Основные понятия
Веб-страница
Сайт (интернет-ресурс)
HTML (HyperText Markup Language, язык разметки гипертекста)
HTML-документ
Браузер
Тег
Контейнер
Ссылки (гиперссылки)
CSS (Cascading Style Sheets, каскадные таблицы стилей)
Редактор веб-страниц
WYSIWYG (What You See Is What You Get; Что видишь, то и получишь)
HTML-редактор
Кодировка
Веб-сервер
Шаг 2. Создание HTML-документа
Шаг 3. Особенности HTML
Любое количество пробелов идущих подряд, на веб-странице отображается как один
Нет расстановки переносов в тексте
Текст занимает ширину окна браузера
Шаг 4. Структура HTML-кода
Шаг 5. Теги HTML
Теги можно писать как прописными, так и строчными символами
Для параметров тегов используются значения по умолчанию
Переносы строк
Параметры тегов и кавычки
Неизвестные теги и параметры
Порядок тегов
Закрывайте все теги
Порядок параметров в тегах
Шаг 6. Работа с текстом
Абзацы
Переносы строк
Заголовки
Полужирное начертание
Курсивное начертание
Верхний индекс
Нижний индекс
Шаг 7. Ссылки
Открытие ссылки в новом окне
Шаг 8. Якоря
Шаг 9. Изображения
Альтернативный текст
Размеры изображения
Рамка вокруг изображения
Поля вокруг изображения
Выравнивание изображения
Работа с изображениями в Nvu
Изображение в качестве ссылки
Шаг 10. Списки
Маркированный список
Нумерованный список
Список определений
Шаг 11. Таблицы
Создание таблиц
Параметры таблиц
ALIGN
BORDER
BORDERCOLOR
CELLPADDING
CELLSPACING
HEIGHT
WIDTH
Параметры ячеек
COLSPAN
NOWRAP
ROWSPAN
VALIGN
Особенности таблиц
Добавление таблицы и изменение ее свойств в Nvu
Изменение размеров таблицы и ячеек
Добавление и удаление ячеек
Объединение ячеек
Изменение свойств таблицы
Изменение свойств ячеек
-
Операторы ветвления
Класс предназначен для создания простых интерактивных служб, работающих в текстовом построчном режиме
-
Введение в HTML
Вы решили создать и разместить в информационном пространстве WWW (World Wide Web, Всемирная паутина) собственный Web-узел. Какие же шаги надо предпринять, чтобы он был интересен, полезен и, что немаловажно, посещаем. Первый вопрос, на который необходимо дать четкий ответ: с какой целью создается Web-узел? От этого зависит многое: стиль оформления, необходимые для создания и последующего функционирования затраты, формат представления информации для размещения в Web, инструментарий и требования, предъявляемые к программному обеспечению Web-сервера и каналам связи с Internet. Здесь возможно несколько вариантов.
Если вы создаете Web-узел для компании, реализующей какой-то товар, то основной целью может быть распространение информации о фирме и реклама продукции, а также организация Web-магазина. При этом будут решены следующие задачи:
изменение имиджа и поднятие престижа компании;
продвижение торговой марки;
доступность информации о продукции и ценах для клиентов;
поддержка дилерской сети, доступность информации о продукции и ценах для дилеров;
прямая продажа продукции в Internet, организация Web-магазина;
доступность внутренней информации для сотрудников, работающих вне офиса.
Другой вариант — создание Web-узла научной или общеобразовательной организации, не занимающейся коммерцией в Internet, а распространяющей информацию. В этом случае речь пойдет о сборе, переработке и размещении на Web-узле больших массивов данных с организацией поиска и доступа к ним.
История развития HTML
Принципы гипертекстовой разметки
Группы тегов НТМL
Example1
Введение в HTML
Назначение заголовка
Отображение содержания элемента TITLE
Основные контейнеры заголовка
Элемент разметки HEAD
Элемент разметки TITLE
Элемент разметки BASE
Элемент разметки ISINDEX
Применение элемента ISINDEX
Применение атрибута PROMPT
Элемент разметки META
Элемент разметки LINK
Элемент разметки STYLE
Элемент разметки SCRIPT
Введение в HTML
Теги тела документа
Тело документа – контейнер ВОDY
Заголовки
Тег P
Атрибут АLIGN
Использование тега ВR
Элемент разметки NOВR
Теги управления отображением символов
Теги, управляющие формой отображения
Теги ВIG и SMALL — изменение размеров шрифта
Верхние и нижние индексы
Атрибут SIZЕ
Атрибут СОLОR
Блоки цитат — элемент ВLОСKQUOTE
Создание списков в HTML
Неупорядоченные списки — тег UL
Атрибуты маркеров в ненумерованном списке
Упорядоченные списки — тег OL
Список определений — тег DL
Горизонтальные линейки — тег НR
Преформатированный вывод — тег РRЕ
Применение тега BLINK
Комментарии в языке HTML
Гипертекстовые ссылки
Введение в HTML
Использование графики в HTML
Атрибут SRC
Атрибут ALT
Атрибут USEMAP
Атрибут BORDER
Атрибут HSPACE
Атрибут VSPACE
Атрибуты WIDTH и HEIGHT
Форматы графических файлов
Активные изображения
Изображения в миниатюре
Введение в HTML
Средства описания таблиц в HTML
Создание таблиц в HTML
Создание строки таблицы - тег ТR
Определение ячеек таблицы - тег ТD
Заголовки столбцов таблицы - тег ТН
Использование заголовков таблицы - тег САРТIОN
Атрибут NOWRAP
Атрибут СОLSPAN
Атрибут ROWSPAN
Атрибут WIDТН
Применение пустых ячеек
Атрибут СЕLLРАDDING
Атрибуты АLIGN и VALIGN
Атрибут BORDER
Атрибут CELLSPACING
Атрибут BGCOLOR
Атрибут BACKGROUND
Использование таблиц в дизайне страницы
Создание разноцветных таблиц
Таблица
Добро пожаловать!
Введение в HTML
HTML-формы
Задание формы — элемент FORM
Определение элементов управления формы — тег INPUT
Атрибут TYPE=text
Атрибут TYPE=checkbox
Атрибут TYPE=radio
Атрибут TYPE=image
Атрибут TYPE=password
Атрибут TYPE=reset
Атрибут TYPE=submit
Атрибут TYPE=hidden
Создание многострочных областей ввода текста — тег TEXTAREA
Атрибут COLS
Атрибут ROWS
Использование списков в форме — тег SELECT
Атрибут SIZE
Атрибут SELECTED
Атрибут VALUE
Example1
Введение в HTML
Как работают фреймы
Создание простой страницы с фреймами
Задание фреймовой структуры
Подготовка содержимого фрейма
Подготовка фрейма main
Вложенные и множественные кадровые структуры
Example1
-
Практическое введение в Internet, E-Mail, FTP, WWW и HTML
Если вы еще не купили модем и не подключились к сети Internet, спешите сделать это как можно быстрее. Замыкаясь в рамках своего персонального компьютера или локальной сети, вы будете жить на маленьком острове, отрезанном от всего мира, как Робинзон Крузо. Подумайте, стоит ли так себя ограничивать?
Что же представляет собой сеть Internet, и какие возможности она способна вам предоставить?
В конце 60-х годов стартовал проект создания глобальной сети, способной объединить компьютеры, расположенных в разных городах, странах или даже на разных континентах. Этот проект финансировался американским правительством в рамках военного агенства DARPA (Defense Advanced Research Projects Agency). В результате была создана сеть DARPANET, а также несколько других сетей, обслуживающих военно-космическую промышленность США.
Не углубляясь в историю, отметим, что в настоящее время сеть Internet объединила многие глобальные сети и насчитывает миллионы серверов. Эти серверы разбросаны по всему миру.
Аннотация
ВВЕДЕНИЕ
БЛАГОДАРНОСТИ
КАК СВЯЗАТЬСЯ С АВТОРАМИ
Практическое введение в Internet, E-Mail, FTP, WWW и HTML
С ЧЕГО НАЧАТЬ
Выбор модема
Точка подключения
Сервис Internet
Электронная почта
Получение файлов из сети Internet
Серверы World Wide Web
Как найти нужную информацию в сети Internet
Электронные конференции
Удаленная консоль компьютера
Разговор через Internet в реальном времени
Виртуальная реальность в Internet
Сеанс связи с Internet в текстовом режиме
Работа в текстовом режиме
Подключение к серверу
Работа с серверами WWW
Передача файлов
Работа с базами данных
Передача и прием электронной почты
Работа в графическом режиме
Подключение к сети
Работа с электронной почтой
Работа с электронными конференциями
Вы тоже это можете
Практическое введение в Internet, E-Mail, FTP, WWW и HTML
ПОДКЛЮЧЕНИЕ К СЕТИ INTERNET
Введение в протокол TCP/IP
Никаких гарантий
Адреса в сети TCP/IP
Маска подсети
Мосты в сети TCP/IP
Доменные имена узлов
Протоколы SLIP и PPP
Подключение в среде Windows 95
Автоматизация процесса соединения
Главная процедура сценария
Описание языка сценариев
Подключение в среде Windows NT
Подключение протокола TCP/IP
Установка системы Remote Access Service
Работа с записной книжкой
Установка соединения
Создание файла сценария
Краткое описание языка сценариев
Подключение в среде OS/2 Warp Connection
Установка IBM OS/2 Warp Connect для работы с Internet
Обзор IBM Internet Connection for OS/2
Настройка параметров соединения
Установка соединения
Мини-сервер глобальной сети на базе Microsoft Windows 95
Установка сервера Dial-Up Server
Запуск сервера Dial-Up Server
Настройка программного обеспечения Dial-Up Client
Контроль за использованием ресурсов сервера
Практическое введение в Internet, E-Mail, FTP, WWW и HTML
ПРИЛОЖЕНИЯ ДЛЯ INTERNET
Небольшие, но полезные программы
PING
PM Ping
NETSTAT
ROUTE
Программы для работы с протоколом FTP
Параметры программы FTP
Команды программы FTP
Подключение к серверу FTP
Отключение от сервера FTP
Просмотр содержимого каталогов сервера
Установка режима передачи файлов
Получение файлов
Прочие команды
Программа FTP для IBM OS/2 Warp Connect
Приложение WS_FTP для Microsoft Windows
Получение программы WS_FTP
Установка и запуск программы WS_FTP
Настройка параметров программы WS_FTP
Кнопки в главном окне приложения WS_FTP
Расширение списка серверов FTP
Приложение FTP -PM для IBM OS/2 Warp Connect
Навигаторы Internet
Работа с навигатором Microsoft Internet Explorer
Запуск навигатора
Просмотр страниц
Настройка параметров навигатора Microsoft Internet Explorer
Навигатор IBM WebExplorer
Универсальный навигатор Netscape Navigator Gold
Как получить Netscape Navigator Gold
Установка и запуск навигатора Netscape Navigator Gold
Настройка параметров навигатора Netscape Navigator Gold
Работа с электронной почтой
Работа с электронными конференциями
Приложение News Express
Загрзука приложения News Express из сети Internet
Запуск приложения и настройка параметров
Посылка письма автору статьи
Посылка ответа на статью в конференцию
Запись в конференцию новой статьи
Настройка параметров приложения News Express
Практическое введение в Internet, E-Mail, FTP, WWW и HTML
СОЗДАНИЕ СТРАНИЦ WWW
Язык HTML
Структура документа HTML
Оформление параграфов
Выделение параграфа
Переход к следующей строке
Выравнивание текста по горизонтали
Выделение параграфа горизонтальной линией
Оформление символов
Использование стилей
Представление табличных данных
Списки в документе HTML
Вставка специальных символов
Вставка произвольного символа
Вставка символьного объекта
Вставка графических изображений
Проблемы с цветовыми палитрами и цветовым разрешением
Вставка видеофрагментов
Оформление фона страницы
Вставка гипертекстовых ссылок
Ссылки на различные ресурсы сети Internet
Другие возможности языка HTML
Редактор Microsoft Internet Assistant
Получение и установка Microsoft Internet Assistant
Главное окно Microsoft Internet Assistant
Назначение стилей параграфам документа
Ввод заголовка документа
Оформление фона документа
Вставка графического изображения
Вставка закладки
Вставка гипертекстовой ссылки
Проблемы с символами кириллицы
Редактор Netscape Navigator Gold
Практическое введение в Internet, E-Mail, FTP, WWW и HTML
ИНТЕРФЕЙС WINDOWS SOCKETS
Сокеты, датаграммы и каналы связи
Инициализация приложения и завершение его работы
Создание и инициализация сокета
Создание сокета
Удаление сокета
Параметры сокета
Привязка адреса к сокету
Создание канала связи
Сторона сервера
Сторона клиента
Передача и прием данных
Приложение SERVER
Приложение CLIENT
Приложение SERVERD
Приложение CLIENTD
ЛИТЕРАТУРА
-
Золотые правила плохого HTML
Вначале самое важное: Не читайте руководств, ЧаВО (ЧАсто встречающихся Вопросов и Ответов или в англоязычнойм исполнении - FAQs), прочтименя-файлов (Readme) по HTML. Чистая потеря времени. В группах новостей (Newsgroups) и на форумах можно найти достаточно компетентных людей, которые ответят на одни и те же вопросы
Благодарности:
Продолжение следует!
Обзор:
-
Краткое руководство по HTML
Очень краткое и очень полезное знание о языке
БАЗИСНЫЕ ЭЛЕМЕНТЫ
ОПРЕДЕЛЕНИЕ СТРУКТУРЫ
ВНЕШНИЙ ВИД
ССЫЛКИ И ГРАФИКА
РАЗДЕЛИТЕЛИ
СПИСКИ
ФОН И ЦВЕТА
СПЕЦИАЛЬНЫЕ СИМВОЛЫ
ФОРМЫ
Таблицы
ФРЕЙМЫ
ЯЗЫК JAVA
РАЗНОЕ
-
Модуляризация XHTML
XHTML это переформулирование HTML 4 как приложения XML.
XHTML 1.0 специфицирует три типа документа XML, соответствующие трём ОТД (Определениям Типа Документа) HTML 4: Strict/Строгое, Transitional/Переходное и Frameset/Набор Фрэймов.
XHTML 1.0 является базой семейства типов документов, подразделяющих и расширяющих HTML.
Введение
Что такое XHTML?
Что такое Модуляризация XHTML?
Для чего нужна Модуляризация XHTML?
Абстрактные модули
Реализации модулей
Гибридные типы документов
Легализация
Модель форматирования
Абстрактные Модули XHTML
Коллекции атрибутов
Модули ядра
Модуль Structure
Модуль Text
Модуль Hypertext
Модуль List
Модуль Applet
Модули текстовых расширений
Модуль Presentation
Модуль Edit
Модуль Bi-directional Text
Модуль Basic Forms
Модуль Forms
Модуль Basic Tables
Модуль Tables
Модуль Image
Модуль Client-side Image Map
Модуль Server-side Image Map
Модуль Object
Модуль Frames
Модуль Target
Модуль Iframe
Модуль Intrinsic Events
Модуль Metainformation
Модуль Scripting
Модуль Style Sheet
Модуль Style Attribute
Модуль Link
Модуль Base
Модуль Name Identification
Модуль Legacy
Определение Абстрактных Модулей
Соглашения по синтаксису
Типы содержимого
Типы атрибутов
Пример определения абстрактного модуля
Модуль XHTML Skiing
J. Благодарности
Определение соответствия
Соответствие Основного Языка Типа Документа XHTML
Соответствие Интеграционному Набору Типа Документа XHTML
Соответствие Модуля Семейства XHTML
Соответствие Документа Семейства XHTML
Соответствие Пользовательского Агента (ПА) Семейства XHTML
Правила Именования
Эволюция Модулей XHTML
Разработка ОТД (определений типа документа) в определённых и расширенных модулях
Определение дополнительных атрибутов
Определение дополнительных элементов
Определение коллекции содержимого для коллекции модулей
Интегрирование отдельных модулей в XHTML
Смешивание нового модуля с модулями в XHTML
Создание нового ОТД
Создание простого ОТД
Создание ОТД путём расширения XHTML
Создание ОТД путём удаления и замены модулей XHTML
Создание нового ОТД
Использование нового ОТД
Реализации Модуля ОТД XHTML
Мнемоники символов XHTML
Мнемоники XHTML Latin 1
Специальные символы XHTML
Модульный каркас XHTML
Базовая архитектура XHTML
Нотация XHTML
Типы данных XHTML
Определения общих атрибутов XHTML
Квалифицированные имена XHTML
Мнемоники символов XHTML
Реализации модулей XHTML
Структура
Текст
Гипертекст
F.Списки
Аплет
Представление
Редактирование
Двунаправленный текст
Базовые формы
Формы
Базовые Таблицы
Таблицы
Изображения
Клиентские карты изображений
Серверные карты изображений
Объект
Фрэймы
Target/Целевой
Iframe
Внутренние события
Метаинформация
Скриптинг
Таблица стилей
Атрибут 'style'
Link/Ссылка
Base/База
Идентификация имени
Легализация
Модули поддержки ОТД XHTML
Блок Phrasal
Блок Presentational
Блок Structural
Инлайн Phrasal
Инлайн Presentational
Инлайн Structural
Модуляризация XHTML
Param
Переобъявления наследственности
Создание Модулей ОТД
Именование объектов параметров
Определение пространства имён модуля
Подмодуль Qualified Names/Квалифицированные Имена
Подмодуль(и) объявлений
Использование модуля как отдельного (stand-alone) ОТД
Идиосинкразии пространства имён
Цели дизайна
Требования
Дробность
Сочетаемость
Лёгкость использования
Совместимость
Соответствие
Рекомендации W от апреля г.
Резюме
Статус этого документа
Краткое Содержание
Содержание
Ссылки
Нормативные ссылки
Информативные ссылки
Разработка Схемы с определёнными и расширенными модулями
Реализации Модуля XHTML Schema
Построение модулей Схемы
Термины и Определения
-
О спецификации HTML 4.0
World Wide Web (Web) - это сеть информационных ресурсов. Для того, чтобы сделать эти ресурсы доступными наиболее широкой аудитории, в Web используются три механизма:
Единая схема наименования для поиска ресурсов в Web (например, URI).
Протоколы для доступа к именованным ресурсам через Web (например, HTTP).
Гипертекст для простого перемещения по ресурсам (например, HTML).
Связи между этими тремя механизмами становятся очевидными по прочтении этой спецификации.
Введение в URI
Идентификаторы фрагментов
Относительные URI
Что такое HTML?
Краткая история HTML
HTML 4.0
Интернационализация
Доступность
Таблицы
Составные документы
Таблицы стилей
Скрипты
Печать
Создание документов в формате HTML 4.0
Разделение структуры и представления
Универсальность доступа к Web
Помощь агентам пользователей в последовательном создании изображений
Об SGML и HTML
Введение в SGML
Конструкции SGML, используемые в HTML
Элементы
Атрибуты
Ссылки на символы
Комментарии
Как читать HTML DTD
Комментарии DTD
Определения комбинаций параметров
Объявления элементов
Определения модели содержимого
Объявления атрибутов
Комбинации DTD в определениях атрибутов
Логические атрибуты
О спецификации HTML 4.0
A.1.1 Новые элементы
A.1.2 Нежелательные элементы
A.1.3 Устаревшие элементы
A.2 Различия в атрибутах
A.3 Различия в доступности
A.4 Различия в метаданных
A.5 Различия в тексте
A.6 Различия в ссылках
A.7 Различия в таблицах
A.8 Различия в изображениях, объектах и изображениях-картах
A.9 Различия в формах
A.10 Различия в таблицах стилей
A.11 Различия во фреймах
A.12 Различия в скриптах
A.13 Различия в интернационализации
Приложение Б: Замечания о работе, реализации и разработке
B.1 Замечания о недопустимых документах
B.2.1 Символы, не входящие в набор ASCII, в значениях атрибутов URI
B.2.2 Амперсанды в значениях атрибутов URI
B.3.1 Разрывы строк
B.3.2 Указание данных не в формате HTML
Содержимое элемента
Значения атрибутов
B.3.3 Возможности SGML с ограниченной поддержкой
B.3.4 Логические атрибуты
B.3.5 Отмеченные разделы
B.3.6 Инструкции по обработке
B.3.7 Сокращенная разметка
B.4 Замечания о содейтсвии поисковым машинам в индексировании веб-сайта
Файл robots.txt
Роботы и элемент META
B.5.1 Логическое обоснование дизайна
Динамическое переформатирование
Последовательное представление
Структура и представление
Группы строк и столбцов
Доступность
B.5.2 Алгоритмы рекомендуемой компоновки
Алгоритм фиксированной компоновки
Алгоритм автоматической компоновки
Алгоритм автоматической компоновки - 2
Алгоритм автоматической компоновки - 3
B.6.1 Последовательное отображение
B.6.2 Будущие проекты
B.7.1 Зарезервированный синтаксис для будущих макросов скриптов
Практики макросов скриптов в настоящее время
B.8 Замечания о фреймах
B.9 Замечания о доступности
B.10 Замечания о защите
B.10.1 Вопросы защиты для форм
О спецификации HTML 4.0
Указатель атрибутов
Указатель элементов
Указатель
О спецификации HTML 4.0
Введение в формы
Управляющие элементы
Типы управляющих элементов
Элемент FORM
Элемент INPUT
Типы управляющих элементов, создаваемые с помощью элемента INPUT
Примеры форм с управляющими элементами типа INPUT
Элемент BUTTON
Элементы SELECT, OPTGROUP и OPTION
Заранее выбранные варианты
Элемент TEXTAREA
Элемент ISINDEX
Метки
Элемент LABEL
Добавление в формы структуры: элементы FIELDSET и LEGEND
Переход фокуса на элемент
Переход с помощью клавиши Tab
Клавиши доступа
Отключенные управляющие элементы и элементы только для чтения
Отключенные управляющие элементы
Управляющие элементы только для чтения
Отправка формы
Метод отправки формы
Успешные управляющие элементы
Обработка данных формы
Второй шаг: Построение набора данных формы
Третий шаг: Кодирование набора данных формы
Четвертый шаг: Передача закодированного набора данных формы
Типы содержимого формы
Application/x-www-form-urlencoded
Multipart/form-data
Введение в скрипты
Разработка документов для агентов пользователя, поддерживающих скрипты
Элемент SCRIPT
Указание языка скрипта
Язык скрипта по умолчанию
Локаьлное объявление языка скрипта
Ссылки из скрипта на элементы HTML
Внутренние события
Динамическое изменение документов
Разработка документов для агентов пользователей, не поддерживающих скрипты
Элемент NOSCRIPT
Как скрыть скрипт от агентов пользователей
О спецификации HTML 4.0
Введение в фреймы
Расположение фреймов
Элемент FRAMESET
Строки и столбцы
Вложенные наборы фреймов
Разделение данных между фреймами
Элемент FRAME
Задание исходного содержимого фрейма
Визуальное представление фрейма
Определение цели фрейма
Установка цели по умолчанию для ссылок
Семантика целей
Альтернативное содержимое
Элемент NOFRAMES
Длинные описания фреймов
Встроенные фреймы : элемент IFRAME
Выравнивание, стили шрифтов и горизонтальные разделители
Цвет фона
Выравнивание
Прикрепляемые объекты
Прикрепление объекта
Обтекание объекта текстом
Шрифты
Элементы, определяющие стиль шрифта: элементы TT, I, B, BIG, SMALL, STRIKE, S и U
Элементы управления шрифтами: FONT и BASEFONT
Разделители: элемент HR
Введение в таблицы стилей
Как добавить стиль в HTML
Установка языка таблицы стилей по умолчанию
Встроенная информация о стиле
Информация о стиле в заголовке: элемент STYLE
Типы устройств
Внешние таблицы стилей
Предпочитаемые и альтернативные таблицы стилей
Указание внешних таблиц стилей
Каскады таблиц стилей
Каскады, зависящие от устройств
Наследование и каскады
Как скрыть информацию о стиле от агентов пользователей
Привязка таблиц стилей с помощью заголовков HTTP
О спецификации HTML 4.0
Определение типа документа (Document Type Definition)
Введение в ссылки на комбинации символов
Ссылки на наборы символов ISO 8859-1
Список символов
Ссылки на символы, математические символы и буквы греческого алфавита
Список символов
Ссылки на значимые для разметки символы и символы интернационализации
Определение типа документов с фреймами (Frameset Document Type Definition)
Справочная информация SGML для HTML
Проверка корректности документа
Пример каталога SGML
Переходное определение типа документа (Transitional Document Type Definition)
SGML-объявление HTML 4.0
Объявление SGML
О спецификации HTML 4.0
Информация о языке и направление текста
Задание языка содержимого: атрибут lang
Коды языков
Наследование кодов языков
Интерпретация кодов языков
Указание направления текста и таблиц: атрибут dir
Введение в двунаправленный алгоритм
Наследование информации о направлении текста
Установка направления внедренного текста
Приоритет над двунаправленным алгоритмом: элемент BDO
Ссылки на символы для управления направлением и объединением
Таблицы стилей и двунаправленность
Введение в структуру документа HTML
Информация о версии HTML
Элемент HTML
Элемент HEAD
Элемент TITLE
Атрибут title
Метаданные
Указание метаданных
Элемент META
META и заголовки HTTP
META и поисковые машины
META и PICS
META и информация по умолчанию
Профили метаданных
Элемент BODY
Идентификаторы элементов: атрибуты id and class
Элементы уровня блока и встроенные элементы
Группировка элементов: элементы DIV и SPAN
Заголовки: Элементы H1, H2, H3, H4, H5, H6
Элемент ADDRESS
Введение в ссылки и якоря
Переход к ресурсу, на который указывает ссылка
Другие отношения ссылок
Задание якорей и ссылок
Заголовки ссылок
Интернационализация и ссылки
Элемент A
Синтаксис имен якорей
Вложенные ссылки недопустимы
Якоря с атрибутом id
Недоступные и неопределяемые ресурсы
Отношения документов: элемент LINK
Прямые и обратные ссылки
Ссылки и внешние таблицы стилей
Ссылки и поисковые машины
Информация о пути: элемент BASE
Разрешение относительных URI
Введение в списки
Неупорядоченные списки (UL), упорядоченные списки (OL) и элементы списков ()
Списки определений: элементы DL, DT и DD
Визуальное отображение списков
Элементы DIR и MENU
Введение в объекты, изображения и апплеты
Включение изображения: элемент IMG
Общее включение: элемент OBJECT
Правила генерации объектов
Инициализация объекта: элемент PARAM
Глобальные схемы именования объектов
Объявление и инициализация объекта
Включение апплета: элемент APPLET
Замечания о внедренных документах
Навигационные карты
Клиентские навигационные карты: элементы MAP и AREA
Примеры клиентских навигационных карт
Серверные навигационные карты
Визуальное представление изображений, объектов и апплетов
Ширина и высота
Пространство вокруг изображений и объектов
Границы
Выравнивание
Как указать альтернативный текст
Введение в таблицы
Элемент TABLE
Направление таблиц
Captions таблиц: элемент CAPTION
Группы строк: элементы THEAD, TFOOT и TBODY
Группы столбцов: элементы и
Элемент COLGROUP
Элемент COL
Подсчет числа столбцов в таблице
Подсчет ширины столбцов
Строки таблицы: элемент TR
Ячейки таблицы: элементы TH и TD
Ячейки, span несколько строк или столбцов
Форматирование таблиц визуальными агентами пользователей
Границы и rules
Горизонтальное и вертикальное выравнивание
Наследование параметров выравнивания
Поля ячейки
Связь информации заголовка с ячейками данных
Категоризация ячеек
Алгоритм поиска заголовочной информации
Пример таблицы
Текст
Неотображаемые символы
Элементы фраз: EM, STRONG, DFN, CODE, SAMP, KBD, VAR, CITE, ABBR и ACRONYM
Кавычки: Элементы BLOCKQUOTE и Q
Отображение информации в кавычках
Верхние и нижние индексы: элементы SUBи SUP
Строки и абзацы
Абзацы: элемент P
Управление переходом на следующую строку
Принудительный переход на новую строку: элемент BR
Запрет перехода на новую строку
Переносы
Форматированный текст: Элемент PRE
Визуальное отображение абзацев
Разметка изменений в документе: Элементы INS и DEL
О спецификации HTML 4.0
Организация спецификации
Соглашения
Элементы и атрибуты
Замечания и примеры
Благодарности
Информация об авторском праве
Представление документа в формате HTML
Набор символов документа
Кодировки символов
Выбор кодировки
Замечания об определенных кодировках
Указание кодировки символов
Ссылки на символы
Числовые ссылки на символы
Комбинации ссылок на символы
Неотображаемые символы
Соответствие: требования и рекомендации
Определения
SGML
Тип содержимого text/html
Спецификация HTML 4.0
Введение
Статус данного документа
Доступные форматы
Языки
Ошибки
Нормативные ссылки
Информативные ссылки
Основные типы данных HTML
Информация о регистре
Основные типы SGML
Текстовые строки
URI
Цвета
Замечания об использовании цветов
Длины
Типы содержимого (типы MIME)
Коды языков
Кодировки символов
Отдельные символы
Дата и время
Типы ссылок
Дескрипторы носителей
Данные сценария
Данные таблиц стилей
Целевые имена кадров
-
Основы работы с HTML
Документы HTML являются обычными текстовыми файлами, содержащими специальные теги (или управляющие элементы) разметки. Теги разметки указывают браузеру Web (программе пользователя для отображения web-страниц, например, Internet Explorer, Mozilla, Netscape или Opera), как надо вывести страницу.
Файлы HTML обычно имеют расширения htm или html. Их можно создавать при помощи любого текстового редактора.
Мой первый сайт
Разбор примера
Элементы HTML
Коротко о тегах
Коротко об элементах HTML
Атрибуты тегов
Параграфы.
Заголовки.
Переносы строк.
Горизонтальная линейка
Комментарии в HTML
Дополнительные примеры
Дополнительные параграфы
Перенос строк
Заголовки
Горизонтальная линейка
Комментарий
Фоновый цвет
Таблица основных тегов HTML
Основы работы с HTML
Форматирование текста
Форматирование символов
Исходный код HTML-документа
Символьные элементы
Неразрывный пробел
Пример 1
Основы работы с HTML
Создание гиперссылок
Изображение в качестве ссылки
Описание тега гипертекстовой ссылки
Открытие ссылки в новом окне браузера
Ссылка в определенное место на той же странице
Создание ссылки mailto
Фреймы HTML
Набор вертикальных фреймов
Набор горизонтальных фреймов
Теги для работы с фреймами
Горизонтальные и вертикальные фреймы
Фрейм навигации
Встроенный фрейм
Пример 1
Основы работы с HTML
Примеры
Таблица без рамки
Заголовки в таблице
Пустые ячейки
Заглавие таблицы
Ячейки таблицы, которые охватывают более одной строки/столбца
Теги внутри таблицы
Отступ от рамки до содержимого ячейки
Расстояние между ячейками
Использование в таблице фонового цвета или фонового изображения
Фоновый цвет или фоновое изображение в ячейке таблицы
Выравнивание содержимого в ячейках таблицы
Атрибут frame
Теги таблиц
Основы работы с HTML
Неупорядоченные списки
Упорядоченные списки
Списки определений
Различные типы упорядоченных списков
Различные типы неупорядоченных списков
Вложенный список
Список определений
Теги списков
Основы работы с HTML
Форма поиска
Отправка e-mail из формы
Формы
Поля ввода
Текстовые поля
Поле пароля
Переключатели
Флажки
Командные кнопки
Поле выбора файла
Списки выбора
Раскрывающийся список выбора
Развернутый список выбора
Текстовая область
Внешний вид форм
Группировка полей формы
Оформление форм стандартными средствами HTML
Регистрация в системе
Запрос документа
Регистрация нового пользователя
Основы работы с HTML
Вставка изображений
Вставка изображений из различных мест
Графические форматы
GIF – Graphics Interchange Format
JPEG – Joint Photographic Experts Group
PNG – Portable Network Graphics
Размещение изображений
Выравнивание изображений
Обрамление изображения
Изменение размера изображения
Атрибут Alt
Карты изображений
Карты изображений, обрабатываемые браузером
Карты изображений, обрабатываемые браузером - 2
Карты изображений, обрабатываемые на сервере
Создание графических меню
Стандартное меню "Пуск" Windows
Пример 1
Основы работы с HTML
Фон
Bgcolor
Background
Полезные рекомендации
Дополнительные примеры
Цвета в HTML
Значения цветов
Имена цветов
Безопасные цвета Web
Межплатформенных цветов
Значения цветов в HTML
Отключение красного цвета
Включение красного цвета
Миллионов различных цветов
Оттенки серого цвета
Названия цветов в HTML
Основы работы с HTML
Компоновка документа в HTML
Компоновка HTML - использование таблиц
Использование шрифтов в HTML
Использование стилей в HTML
Как использовать стили
Внешняя таблица стилей
Внутренняя таблица стилей
Встроенные стили
Раздел заголовка HTML
Элемент head
Мета-информация в HTML
Ссылки в HTML
Универсальные указатели ресурсов
Схемы обращения к ресурсу URL
Сценарии в HTML
Добавление сценария на страницу HTML
Как работать со старыми браузерами
Тег noscript
Стандартные атрибуты HTML 4.0
Базовые атрибуты
Атрибуты языка
Атрибуты клавиатуры
Атрибуты событий в HTML 4.0
Атрибуты событий окна
Атрибуты событий формы
Атрибуты событий клавиатуры
Атрибуты событий мыши
Краткое заключение
Теперь вы знаете HTML, что дальше?
XHTML
Каскадные таблицы стилей (CSS)
JavaScript и VBscript
Пример 1
Основы работы с HTML
Структура документа HTML
Элементы заголовка
Элементы текста
Логические стили
Физические стили
Ссылки, анкеры, и элементы изображений
Неупорядоченный список
Упорядоченный список
Список определений
Таблицы
Фреймы
Формы
Символьные объекты
Другие элементы
Кодировка URL от %00 до %8f
Кодировка URL от %90 до %ff
Основы работы с HTML
Как опубликовать свою работу?
Первый шаг: Персональный Web-сервер
Как установить персональный Web-сервер (PWS):
Информационный сервер Интернет (IIS)
Следующий шаг: Профессиональный Web-сервер
Основы работы с HTML
В алфавитном порядке
По функциональным группам
Справочник по 7-битным кодам ASCII в HTML
Справочник по символьным объектам HTML 4.01
Сообщения о состоянии HTTP
-
Самоучитель HTML
Атрибут scrolling управляет прокруткой внутри одной области. Он может принимать значения YES (полосы прокрутки создаются в обязательном порядке), NO (прокрутка запрещена) и AUTO (полосы прокрутки появляются, когда необходимо). Если этот атрибут отсутствует, броузер создает полосы прокрутки для тех документов, которые не умещаются целиком в отведенных им областях. Запретив прокрутку, можно создать так называемый баннер.
Заголовок формата "steel"
Color
Пример формы
Группа полей
Fr2
Fr3
Frame
Вложенные списки
Нумерованный список
Список с определениями
Основная страница
Примеры карт
Карта 1
Phrase
З а г о л о в о к 1
Spec
Start
Заголовок 4
Заголовок 3 (по умолчанию)
Стандартная таблица
Здесь больше ячеек-заголовков
Форматирование ячеек-заголовков
Еще один пример таблицы
Использование элементов THEAD, TBODY и TFOOT
Объединение ячеек
(Вариант 2)
Вложенная таблица
ОРАНЖЕВЫЙ ЛИСТ
Эксперименты с линией
Задание абсолютных размеров шрифтов
Задание относительных размеров шрифтов
Заголовок 2
-
Сервер Web своими руками. Язык HTML, приложения CGI и ISAPI
Наверное, сейчас уже нет необходимости говорить о необыкновенно бурном росте сети Internet. Любая солидная фирма имеет свое представительство в Internet либо в виде собственного сервера Web (или сервера WWW, что одно и то же), либо в виде страниц на серверах Web, принадлежащим другим фирмам. Технологии Internet дают возможность организовать рекламу и продажу самых разнообразных товаров, а также разместить любую другую информацию, которая сразу будет доступна сотням миллионов людей в разных странах.
Беспрецедентное увеличение интереса к размещению собственной информации в сети Internet привело к тому, что на рынке появилось очень много простых и удобных средств, с помощью которых можно создавать серверы Web и документы HTML (которые составляют основу содержимого сервера Web).
Такие операционные системы как Microsoft Windows NT и Microsoft Windows 95 содержат встроенные средства для работы в сети Internet. Каждый владелец Microsoft Windows NT Workstation версии 4.0 может создать собственный сервер Web, FTP и Gopher, который будет доступен из локальной или глобальной сети. В состав операционной системы Microsoft Windows NT Server входит сервер Microsoft Information Server, который предназначен для создания крупных высокопроизводительных серверов WWW в сети Internet.
Введение
Благодарности
Как связаться с авторами
Как это устроено
Что такое сеть Internet
Серверы в сети Internet
Серверы FTP
Серверы Gopher
Почтовые серверы
Серверы новостей
Серверы WWW
Как работает сервер WWW
Соединение с сервером WWW
Статические и динамические документы HTML
Связь сервера WWW с СУБД
Органы управления ActiveX
Языки программирования Java, JavaScript и VBScript
Создание документов HTML
Первая страница HTML
Структура документа HTML
Заголовок документа
Тело документа
Выравнивание параграфов текста
Шрифтовое выделение
Изменение размера шрифта
Операторы BIG и SMALL
Оператор BASEFONT…
Оператор FONT…
Цвет в документах HTML
Обозначение цвета
Изменение цвета фона документа HTML
Изменение цвета текста
Цвет в других элементах документа HTML
Изменение начертания шрифта
Физическое форматирование символов
Оператор B
Операторы I, U, STRIKE
Оператор TT
Операторы BIG и SMALL
Оператор BLINK
Операторы SUP и SUB
Пример использования операторов физического форматирования
Логическое форматирование символов
Оператор CITE
Оператор EM
Оператор STRONG
Оператор KBD
Оператор CODE
Оператор SAMP
Оператор VAR
Операторы !-- ... -- и COMMENT
Пример использования операторов логического форматирования
Вставка предварительно отформатированного текста
Отключение интерпретатора HTML
Указание шрифта по его названию
Вставка специальных символов и символьных объектов
Выделение параграфа горизонтальной линией
Организация списков
Неупорядоченные списки
Нумерованные списки
Список каталогов
Список определений
Бегущая строка
Оператор META
Отмена кэширования страницы
Автоматическая перезагрузка документа
Автоматическая загрузка другого документа
Включение дополнительных заголовков HTTP
Определение набора символов
Таблицы стилей
Способы использования стилей
Общие таблицы стилей для нескольких документов HTML
Встраивание таблиц стилей в документы HTML
Встраивание стилей в операторы HTML
Создание файлов таблиц стилей
Ссылка на файл таблицы стилей
Стили в документе HTML
Стили в операторах HTML
Таблицы в документах HTML
Простейшая таблица
Как изменить внешний вид таблицы
Параметры оператора TABLE
Параметры оператора TR
Параметры оператора TD
Параметры оператора TH
Оператор CAPTION
Примеры оформления таблиц
Таблицы с заголовком
Объединение ячеек таблицы
Многослойные заголовки
Таблицы с подписью
Выравнивание текста в ячейках таблицы
Таблицы внутри таблиц
Графика, анимация, видео и звук
Размещение графических изображений
Как выбрать формат графического файла
Формат JPEG
Формат GIF
Выбор палитры
Какой формат лучше
Прозрачные изображения
Подготовка чересстрочных изображений
Анимация
Редактор GIF Construction Set
Редактор Microsoft GIF Animator
Редактор PhotoImpact GIF Animator
Видеофрагменты в документах HTML
Звук в документах HTML
Ссылки в документах HTML
Универсальный идентификатор ресурсов URL
Вставка ссылки
Ссылки на другие документы
Локальные ссылки внутри документа
Использование графики в ссылках
Вставка графического изображения в ссылку
Сегментированная графика
Приложение Map This!
Ссылки на различные ресурсы Internet
Фреймы
Структура документа с фреймами
Определение параметров фреймов
Пример документа HTML с фреймами
Плавающие фреймы
Приложения CGI
Создание форм
Описание формы
Создание органов управления для формы
Сервер Web своими руками. Язык HTML, приложения CGI и ISAPI
Оператор INPUT
Оператор TEXTAREA
Оператор SELECT
Пример документа HTML с формой
Передача данных программе CGI
Метод GET
Метод POST
Что лучше - GET или POST
Передача ответа из программы CGI
Переменные среды для программы CGI
Примеры программ CGI
Программа CGIHELLO
Программа CONTROLS
Программа AREF
Программа COUNTER
Приложения ISAPI
Принципы работы и структура расширения ISAPI
Вызов расширения ISAPI сервером WWW
Функция GetExtensionVersion
Функция HttpExtensionProc
Получение данных расширением ISAPI
Функция GetServerVariable
Функция ReadClient
Посылка данных расширением ISAPI
Функция WriteCilent
Функция ServerSupportFunction
Приложение ISHELLO
Приложение ISFORM
Приложение FILEUPL
Счетчик посещений XBMCNT
Установка и настройка сервера WWW
Сервер Microsoft Personal Web Server
Установка сервера Microsoft Personal Web Server
Настройка сервера Microsoft Personal Web Server
Администрирование
Управление доступом к каталогам
Сервер Microsoft Peer WebServices
Установка сервера Microsoft Peer WebServices
Установка сервера Microsoft Peer WebServices - 2
Администрирование сервера Microsoft Peer Web Services
Управление доступом к каталогам
Литература
-
Спецификация HTML 3.2
Данный документ был рассмотрен членами группы W3C и другими заинтересованными сторонами и принят руководством W3C в качестве рекомендации. Данная рекомендация является неизменным документом и может быть использована в качестве исходного материала при создании ссылок или при цитировании в других документах в качестве норматива. Задача организации W3C в деле создания данной Рекомендации заключается в том, чтобы привлечь к ней внимание и способствовать широкому распространению данной спецификации. В конечном итоге это ведет к увеличению возможностей и универсальности Web.
Аннотация
Введение в язык HTML 3.2
HTML как частный случай SGML
Структура документов HTML
Элемент HEAD и его производные
TITLE
STYLE and SCRIPT
ISINDEX
BASE
META
LINK
Элемент BODY и его производные
Элементы на уровне блоков и текста
Заголовки
ADDRESS
Блочные элементы разметки
Параграфы
Списки
Неупорядоченные списки
Упорядоченные (нумерованные) списки
Списки определений
DIR и MENU
Предварительно отформатированный текст
DIV и CENTER
BLOCKQUOTE
FORM
HR - горизонтальные линейки
Таблицы
Элементы текстового уровня
Элементы, задающие шрифт, используемый при разметке документа
Элементы разметки фраз
Поля заполняемых форм
INPUT текстовые поля, радиокнопки, контрольные ящички, ...
Меню SELECT
Поля для ввода нескольких строк текста TEXTAREA
Элемент A (анкер)
IMG - встроенные изображения
APPLET (Апплеты Java)
FONT
BASEFONT
BR - концы строк
MAP - навигационные карты, обрабатываемые браузерами конечных клиентов
Пример SGML Open Catalog для языка HTML 3.2
Декларация языка HTML 3.2 в SGML
Определение типов в документе HTML 3.2
Коды символов в ISO Latin-1
Благодарности
Материалы для дальнейшего чтения...
-
Спецификация HTML 4.01
Этот раздел описывает статус данного документа на время публикации. Другие документы могут заменять этот документ. Современное состояние документов этой серии поддерживается на W3C.
Этот документ специфицирует HTML 4.01, являющийся частью спецификации линии HTML 4.
Первой версией HTML 4 был HTML 4.0 [HTML40], опубликованный 18 декабря 1997 и пересмотренный 24 апреля 1998.
Эта спецификация является первыми рекомендациями по HTML 4.01. Она включает дополнительные изменения после версии HTML 4.0 от 24 апреля.
Внесены некоторые изменения в DTD/ОТД. Этот документ объявляет предыдущую версию HTML 4.0 устаревшей, хотя W3C оставляет её спецификацию и ОТД доступными на сайте W3C.
Этот документ был рассмотрен членами W3C и других заинтересованных сторон и утверждён Директором как Рекомендации W3C. Это неизменяемый документ, он может использоваться как справочный материал или цитироваться в других документах. Задачей W3C является привлечение внимания к Рекомендациям и этой спецификации и её широкое распространение. Это расширит функциональные возможности Web.
W3C рекомендует создание пользовательскими агентами (ПА) и авторами (в частности, утилитами разработки) документов HTML 4.01, а не HTML 4.0.
W3C рекомендует создавать документы HTML 4 вместо документов HTML 3.2. Из соображений обратной совместимости, W3C также рекомендует, чтобы утилиты, интерпретирующие HTML 4, продолжали поддерживать HTML 3.2 и HTML 2.0.
За информацией о следующем поколении HTML, "The Extensible HyperText Markup Language" [XHTML], обращайтесь на W3C HTML Activity и к списку W3C Technical Reports.
Этот документ создан как часть W3C HTML Activity.
Цели Рабочей Группы HTML (Только для членов) обсуждаются в Хартии Рабочей Группы HTML (Только для членов).
Структура спецификации
Соглашения по документам
Элементы и атрибуты
Замечания и примеры
Благодарности
Благодарности за этот документ
Авторские права
Спецификация HTML 4.01
Рекомендации W3C от 24 декабря 1999 года
Введение
Статус этого документа
Версии на других языках
Ошибки и Опечатки
Индекс атрибутов
Приложение A: Изменения
A.1 Отличия версий HTML 4.02 от 4 апреля 1998 г. и HTML 4.01 от 24 декабря 1999 г.
A.1.1 Изменения в спецификации
Общие изменения
SGML и HTML
Представление документа HTML
Базовые типы данных HTML
Общая структура документа HTML
Информация о языке и направлении текста
Таблицы
Гиперссылки
Примечания
Ссылки
A.1.2 Замеченные ошибки
A.1.3 Исправленные опечатки
A.1.4 Разъяснения
A.1.5 Известные проблемы с браузерами
A.2 Отличия версий 18 декабря 1997 и 24 апреля 1998
A.2.1 Замеченные ошибки
A.2.2 Исправленные опечатки
A.3 Изменения в HTML 3.2 и HTML 4.0 (18 декабря 1997 г.)
A.3.1 Элементы
Новые элементы
Не рекомендуемые элементы
Устаревшие элементы
A.3.2 Атрибуты
A.3.3 Доступность
A.3.4 Данные meta
A.3.5 Текст
A.3.6 Гиперссылки
A.3.7 Таблицы
A.3.8 Изображения, объекты и карты изображений
A.3.9 Формы
A.3.10 Таблицы стилей
A.3.11 Фрэймы
A.3.12 Сценарии/scripting
A.3.13 Интернационализация
Представление документа HTML
Кодовая страница документа
Кодовые страницы
Выбор кодировки
Замечания по специальной кодировке
Определение кодировки
Мнемоники (символы по ссылке, по псевдониму)
Цифровые мнемоники
Символьные ссылки-мнемоники (по псевдониму)
Неотображаемые символы
Соответствие: требования и рекомендации
Определения
SGML
Тип содержимого text/html
Информация о языке и направлении текста
Спецификация языка содержимого: атрибут lang
Коды языка
Наследование кодов языка
Интерпретация кодов языка
Спецификация направления в тексте и в таблицах: атрибут dir
Двунаправленный алгоритм. Введение.
Наследование информации о направлении текста
Установка направления внедрённого текста
Переопределение двунаправленного алгоритма: элемент BDO
Символьные мнемоники для указания направления и управление сращиванием
Действие таблиц стилей на двунаправленность
Определение Типа Документа (ОТД)
Индекс элементов
Ссылки-мнемоники на символы в HTML 4
Введение
Ссылки-мнемоники для символов ISO 8859-1
Список символов
Ссылки-мнемоники для символов, математических символов, и греческих букв
Список символов
Ссылки-мнемоники для символов разметки и интернационализации
Список символов
Элемент INPUT
Типы ЭУ, создаваемых в элементе INPUT
Примеры форм, содержащих ЭУ в элементе INPUT
Пример
Элемент BUTTON
Элементы SELECT, OPTGROUP и OPTION
Предустановленные опции
Предустановленные опции
Элемент ISINDEX
Лэйблы
Элемент LABEL !ELEMENT
Передача фокуса элементу
Навигация с помощью табуляции Определение
Фрэймы (кадры)
Фрэймы - Введение
Вывод фрэймов
Элемент FRAMESET
Ряды и столбцы
Вложенные фрэймы
Разделение данных между фрэймами
Элемент FRAME
Установка начального содержимого фрэйма
Визуальное представление фрэйма
Установка целевого фрэйма
Установка целевого фрэйма по умолчанию
Семантика цели
Альтернативное содержимое
Элемент NOFRAMES
Полное описание фрэймов
Инлайн-фрэймы: элемент IFRAME
ОТД Набора Фрэймов
Общая структура документа HTML
Введение
Информация о версии HTML
Элемент HTML
Шапка" документа
Элемент HEAD
Элемент TITLE
Атрибут title
Метаданные
Спецификация метаданных
Элемент META
Профили метаданных
Тело документа
Элемент BODY
Идентификаторы элемента: атрибуты id и class
Элементы инлайн и уровня блока
Группирование элементов: элементы DIV и SPAN
Заголовки: элементы H1, H2, H3, H4, H5, H6
Элемент ADDRESS
Выравнивание, стили шрифта и горизонтальные линии
Форматирование
Форматирование
Цвет фона
Обтекание текста вокруг объекта
Шрифты
Элементы стиля шрифта: TT, I, B, BIG, SMALL, STRIKE, S и U
Элементы модификатора шрифта: FONT и BASEFONT
Горизонтальные линии: элемент HR
Введение в HTML 4
Что такое World Wide Web?
Введение в URI
Идентификаторы фрагментов документа (закладки)
Относительные URI
Что такое HTML?
Краткая история HTML
HTML 4
Интернационализация
Доступность
Таблицы
Составные документы
Таблицы стилей
Сценарии (скрипты)
Печать
Создание документов HTML 4
Разделение структуры и представления
Предусматривайте универсальность доступа к Web
Помогать пользовательским агентам (ПА) показывать содержимое частями
Справочная информация SGML для HTML
Проверка документов
Каталог образцов SGML
Гиперссылки
Гиперссылки и якоря. Введение
Посещение" связанного ресурса
Другие соотношения гиперссылок
Спецификация якорей и гиперссылок
Заголовки гиперссылок
Интернационализация и гиперссылки
Элемент A
Синтаксис имён якорей
Вложение ссылок не допускается
Якоря с атрибутом id
Недоступные и неидентифицируемые ресурсы
Взаимосвязи документов: элемент LINK
Гиперссылки вперёд и назад
Расширение относительных URI
Индекс
Списки Definition: элементы DL, DT и DD
Визуальное представление списков
Элементы DIR и MENU
Переходное Определение Типа Документа (ОТД)
Приложение B: Замечания относительно Исполнения, Разработки и Дизайна
Несоответствующие документы
B.2 Специальные символы в значениях атрибутов URI
B.2.1 Не-ASCII символы в значениях атрибутов URI
B.2.2 Амперсанды в значениях атрибута URI
B.3 SGML: Замечания
B.3.1 Обрыв строки
B.3.2 Спецификация не-HTML данных
Содержимое элемента
Значения атрибутов
B.3.3 Возможности SGML с ограниченной поддержкой
B.3.4 Булевы атрибуты
B.3.5 Маркированные разделы
B.3.6 Инструкции процесса
B.4.1 Поисковые машины (роботы)
Файл robots.txt
Роботы и элемент META
B.5 Таблицы
B.5.1 Конструировать рационально
Динамическое форматирование
Вывод по частям
Структура и вид
Группы рядов и столбцов
Доступность
B.5.2 Рекомендуемый алгоритм вывода
Фиксированный алгоритм вывода
Алгоритм автовывода
B.6 Формы
B.6.1 Отображение частями
B.6.2 Будущие проекты
B.7 Сценарии
B.7.1 Синтаксис, зарезервированный для будущих макросов сценариев
Текущая практика для макросов сценариев
B.8 Фрэймы
B.9 Доступность
B.10 Безопасность
B.10.1 Вопросы безопасности форм
Объекты, Изображения и Аплеты
Введение
Вставка изображения: элемент IMG
Общая вставка: элемент OBJECT
Правила представления объектов
Инициализация объекта: элемент PARAM
Глобальные схемы именования объектов
Объявление и размещение объектов
Вставка аплета: элемент APPLET
Замечания о внедрённых документах
Карты изображений
Клиентские карты изображений: элементы MAP и AREA
Примеры клиентских карт
Ссылки
Нормативные ссылки
Информационные ссылки
Сценарии (скрипты)
Введение
Дизайн документов для ПА, поддерживающих скрипты
Элемент SCRIPT
Установка языка скриптов
Язык сценариев по умолчанию
Локальное объявление языка скриптов
Ссылки на элементы HTML из скрипта
Внутренние события
Динамическое изменение документов
Дизайн документов для ПА, не поддерживающих сценарии
Элемент NOSCRIPT
Скрытие данных скрипта от ПА
SGML - объявление HTML 4
Объявление SGML
О SGML и HTML
Введение в SGML
Конструкции SGML, используемые в HTML
Элементы
Атрибуты
Ссылки-мнемоники
Комментарии
Как читать Определение Типа Данных (ОТД) HTML
Комментарии в ОТД
Определения объектов-параметров
Объявление элементов
Определение модели содержимого
Объявление атрибутов
Булевы атрибуты
Таблицы стилей
Таблицы стилей
Введение
Добавление стиля в HTML
Установка языка по умолчанию для таблиц стилей
Инлайн-стиль (внедрённый)
Информация о стиле в заголовках: элемент STYLE
Типы носителя
Внешние таблицы стилей
Основные и альтернативные таблицы стилей
Спецификация внешней таблицы стилей
Каскадные таблицы стилей
Media-зависимые каскады
Наследование и каскадирование
Скрытие данных стиля от пользовательских агентов (ПА)
Ссылки на таблицы стилей в заголовках HTTP
Таблицы
Введение
Элементы конструирования таблиц
Элемент TABLE
Направление в таблице
Заголовок таблицы: элемент CAPTION
Группы рядов: элементы THEAD, TFOOT и TBODY
Группы столбцов: элементы COLGROUP и COL
Элемент COLGROUP
Элемент COL
Подсчёт количества столбцов
Подсчёт ширины столбцов
Ряды: элемент TR
Ячейки: элементы TH и TD
Ячейки, занимающие несколько рядов или столбцов
Форматирование таблицы пользовательскими агентами
Рамки и линии сетки таблицы
Горизонтальное и вертикальное выравнивание
Наследование установок выравнивания
Поля ячейки
Представление таблиц невизуальными ПА
Ассоциирование заголовочной информации с ячейками данных
Категоризация ячеек
Алгоритм поиска заголовочной информации
Образец таблицы
Текст
Пробелы
Структурированный текст
Элементы абзаца: EM, STRONG, DFN, CODE, SAMP, KBD, VAR, CITE, ABBR и ACRONYM
Представление кавычек
Подиндекс и надиндекс: элементы SUB и SUP
Строки и параграфы
Параграфы: элемент P
Управление обрывом строки
Форсирование обрыва строки: элемент BR
Запрет обрыва строки
Дефисы
Форматированный текст: элемент PRE
Визуальное представление параграфов
Маркировка изменений документа: элементы INS и DEL
Использование цветов
Размер значений атрибутов
Типы содержимого/носителя (типы MIME)
Данные таблиц стилей
Имя целевого фрэйма
-
Спецификация языка HTML
Эта спецификация определяет HyperText Markup Language (HTML) - гипертекстовый язык разметки, язык World Wide Web. Здесь определён HTML 4.01, являющийся субверсией HTML 4. В дополнение к возможностям работы с текстом, мультимедиа и гипертекстом предыдущих версий HTML (HTML 3.2 и HTML 2.0), HTML 4 поддерживает большее количество опций мультимедиа, языков скриптов, каскадных таблиц стилей, лучшие возможности печати и большую доступность документов для людей с ограниченными возможностями. HTML 4 также является большим шагом в направлении интернационализации документов с целью сделать Web действительно World Wide (всемирным).
HTML 4 - это SGML приложение, соответствующее Международному Стандарту ISO 8879 -- Standard Generalized Markup Language.
Введение
Статус этого документа
Версии на других языках
Ошибки и Опечатки
Структура спецификации
Соглашения по документам
Элементы и атрибуты
Замечания и примеры
Благодарности
Благодарности за этот документ
Авторские права
Спецификация языка HTML
Что такое World Wide Web?
Введение в URI
Идентификаторы фрагментов документа (закладки)
Относительные URI
Что такое HTML?
Краткая история HTML
HTML 4
Интернационализация
Доступность
Таблицы
Составные документы
Таблицы стилей
Сценарии (скрипты)
Печать
Создание документов HTML 4
Разделение структуры и представления
Предусматривайте универсальность доступа к Web
Помогать пользовательским агентам (ПА) показывать содержимое частями
Спецификация языка HTML
Введение в SGML
Конструкции SGML, используемые в HTML
Элементы
Атрибуты
Ссылки-мнемоники
Комментарии
Как читать Определение Типа Данных (ОТД) HTML
Комментарии в ОТД
Определения объектов-параметров
Объявление элементов
Определение модели содержимого
Объявление атрибутов
Объекты ОТД в определениях атрибутов
Булевы атрибуты
Спецификация языка HTML
Определения
SGML
Тип содержимого text/html
Определения
Спецификация языка HTML
Кодовая страница документа
Кодировка
Выбор кодировки
Замечания по специальной кодировке
Определение кодировки
Мнемоники (символы по ссылке, по псевдониму)
Цифровые мнемоники
Символьные ссылки-мнемоники (по псевдониму)
Неотображаемые символы
Спецификация языка HTML
Регистр
Базовые типы SGML
Текстовые строки
URI
Цвета
Использование цветов
Размер значений атрибутов
Типы содержимого/носителя (типы MIME)
Коды языка
Кодировка
Отдельные символы
Дата и время
Типы ссылок
Дескрипторы типа носителя
Данные сценариев
Данные таблиц стилей
Имя целевого фрэйма
Спецификация языка HTML
Введение
Информация о версии HTML
Элемент HTML
Элемент HEAD
Элемент TITLE
Атрибут title
Метаданные
Спецификация метаданных
Элемент META
META и "шапки" HTTP
META и машины поиска
META и PICS
META и информация по умолчанию
Профили метаданных
Элемент BODY
Идентификаторы элемента: атрибуты id и class
Идентификаторы элемента: атрибуты id и class - 2
Элементы инлайн и уровня блока
Группирование элементов: элементы DIV и SPAN
Заголовки: элементы H1, H2, H3, H4, H5, H6
Элемент ADDRESS
Спецификация языка HTML
Спецификация языка содержимого: атрибут lang
Коды языка
Наследование кодов языка
Интерпретация кодов языка
Спецификация направления в тексте и в таблицах: атрибут dir
Двунаправленный алгоритм. Введение
Наследование информации о направлении текста
Установка направления внедрённого текста
Переопределение двунаправленного алгоритма: элемент BDO
Символьные мнемоники для указания направления и управление сращиванием
Действие таблиц стилей на двунаправленность
Спецификация языка HTML
Пробелы
Элементы абзаца: EM, STRONG, DFN, CODE, SAMP, KBD, VAR, CITE, ABBR и ACRONYM
Кавычки: элементы BLOCKQUOTE и Q
Представление кавычек
Подиндекс и надиндекс: элементы SUB и SUP
Строки и параграфы
Параграфы: элемент P
Управление обрывом строки
Форсирование обрыва строки: элемент BR
Запрет обрыва строки
Дефисы
Форматированный текст: элемент PRE
Визуальное представление параграфов
Маркировка изменений документа: элементы INS и DEL
Спецификация языка HTML
Введение
Неупорядоченные списки (UL), упорядоченные списки (OL) и элементы списка (LI)
Списки Definition: элементы DL, DT и DD
Визуальное представление списков
Элементы DIR и MENU
Спецификация языка HTML
Введение
Горизонтальное и вертикальное выравнивание
Наследование установок выравнивания
Поля ячейки
Ассоциирование заголовочной информации с ячейками данных
Категоризация ячеек
Алгоритм поиска заголовочной информации
Образец таблицы
Элемент TABLE
Направление в таблице
Заголовок таблицы: элемент CAPTION
Группы рядов: элементы THEAD, TFOOT и TBODY
Группы столбцов: элементы COLGROUP и COL
Элемент COLGROUP
Элемент COL
Подсчёт количества столбцов
Подсчёт ширины столбцов
Ряды: элемент TR
Ячейки: элементы TH и TD
Ячейки, занимающие несколько рядов или столбцов
Форматирование таблицы пользовательскими агентами
Рамки и линии сетки таблицы
Спецификация языка HTML
Гиперссылки и якоря. Введение
"Посещение" связанного ресурса
Другие соотношения гиперссылок
Спецификация якорей и гиперссылок
Заголовки гиперссылок
Интернационализация и гиперссылки
Элемент A
Синтаксис имён якорей
Вложение ссылок не допускается
Якоря с атрибутом id
Недоступные и неидентифицируемые ресурсы
Взаимосвязи документов: элемент LINK
Гиперссылки вперёд и назад
Гиперссылки и внешние таблицы стилей
Гиперссылки и машины поиска
Информация пути: элемент BASE
Расширение относительных URI
Спецификация языка HTML
Введение
Вставка изображения: элемент IMG
Общая вставка: элемент OBJECT
Правила представления объектов
Инициализация объекта: элемент PARAM
Глобальные схемы именования объектов
Объявление и размещение объектов
Вставка аплета: элемент APPLET
Замечания о внедрённых документах
Карты изображений
Клиентские карты изображений: элементы MAP и AREA
Примеры клиентских карт
Серверные (на стороне сервера) карты изображений
Визуальное представление изображений, объектов и аплетов
Ширина и высота
Свободное пространство вокруг изображений и объектов
Рамки
Выравнивание
Как установить альтернативный текст
Введение
Спецификация языка HTML
Введение
Добавление стиля в HTML
Установка языка по умолчанию для таблиц стилей
Инлайн-стиль (внедрённый)
Информация о стиле в заголовках: элемент STYLE
Типы носителя
Внешние таблицы стилей
Основные и альтернативные таблицы стилей
Спецификация внешней таблицы стилей
Каскадные таблицы стилей
Media-зависимые каскады
Наследование и каскадирование
Скрытие данных стиля от пользовательских агентов (ПА)
Ссылки на таблицы стилей в заголовках HTTP
Спецификация языка HTML
Цвет фона
Выравнивание
Плавающие объекты
"Всплывание" объекта
Обтекание текста вокруг объекта
Шрифты
Элементы стиля шрифта: TT, I, B, BIG, SMALL, STRIKE, S и U
Элементы модификатора шрифта: FONT и BASEFONT
Горизонтальные линии: элемент HR
Цвет фона
Спецификация языка HTML
Фрэймы - Введение
Вывод фрэймов
Элемент FRAMESET
Ряды и столбцы
Вложенные фрэймы
Разделение данных между фрэймами
Элемент FRAME
Установка начального содержимого фрэйма
Визуальное представление фрэйма
Установка целевого фрэйма
Установка целевого фрэйма по умолчанию
Семантика цели
Альтернативное содержимое
Элемент NOFRAMES
Полное описание фрэймов
Инлайн-фрэймы: элемент IFRAME
Спецификация языка HTML
Введение
Элементы управления
Типы элементов управления формы (ЭУ)
Недоступные ЭУ и ЭУ "только для чтения"
Недоступные ЭУ
ЭУ "только для чтения"
Отправка формы
Метод отправки формы
"Действующие" ЭУ
Обработка данных формы
Шаг 2: Создание набора данных формы
Шаг 3: Кодирование набора данных формы
Шаг 4: Отправка кодированного набора данных формы
Типы содержимого формы
Элемент FORM
Элемент INPUT
Типы ЭУ, создаваемых в элементе INPUT
Примеры форм, содержащих ЭУ в элементе INPUT
Элемент BUTTON
Элементы SELECT, OPTGROUP и OPTION
Предустановленные опции
Элемент TEXTAREA
Элемент ISINDEX
Лэйблы
Элемент LABEL
Структурирование формы: элементы FIELDSET и LEGEND
Передача фокуса элементу
Навигация с помощью табуляции
Клавиши быстрого доступа
Спецификация языка HTML
Введение
Дизайн документов для ПА, поддерживающих скрипты
Элемент SCRIPT
Установка языка скриптов
Язык сценариев по умолчанию
Локальное объявление языка скриптов
Ссылки на элементы HTML из скрипта
Внутренние события
Динамическое изменение документов
Дизайн документов для ПА, не поддерживающих сценарии
Элемент NOSCRIPT
Скрытие данных скрипта от ПА
Проверка документов
Каталог образцов SGML
Объявление SGML
Спецификация языка HTML
Введение
Ссылки-мнемоники для символов ISO 8859-1
Список символов
Ссылки-мнемоники для символов, математических символов, и греческих букв
Ссылки-мнемоники для символов разметки и интернационализации
Спецификация языка HTML
Общие изменения
SGML и HTML
Представление документа HTML
Базовые типы данных HTML
Общая структура документа HTML
Информация о языке и направлении текста
Таблицы
Гиперссылки
Объекты, Изображения и Аплеты
Таблицы стилей в документах HTML
Фрэймы
Формы
SGML - объявление
Strict - ОТД
Примечания
Ссылки
Разъяснения
Известные проблемы с браузерами
Отличия версий 18 декабря 1997 и 24 апреля 1998
Изменения в HTML 3.2 и HTML 4.0 (18 декабря 1997 г.)
Новые элементы
Не рекомендуемые элементы
Устаревшие элементы
Атрибуты
Доступность
Данные meta
Текст
Гиперссылки
Таблицы
Изображения, объекты и карты изображений
Формы
Таблицы стилей
Фрэймы
Сценарии/scripting
Интернационализация
Спецификация языка HTML
Несоответствующие документы
Не-ASCII символы в значениях атрибутов URI
Амперсанды в значениях атрибута URI
Обрыв строки
Спецификация не-HTML данных
Содержимое элемента
Значения атрибутов
Возможности SGML с ограниченной поддержкой
Булевы атрибуты
Маркированные разделы
Инструкции процесса
Стенографическая разметка
Как помочь поисковой машине проиндексировать Ваш сайт
Файл robots.txt
Роботы и элемент META
Конструировать рационально
Динамическое форматирование
Вывод по частям
Структура и вид
Группы рядов и столбцов
Доступность
Рекомендуемый алгоритм вывода
Фиксированный алгоритм вывода
Алгоритм автовывода
Отображение частями
Будущие проекты
Синтаксис, зарезервированный для будущих макросов сценариев
Текущая практика для макросов сценариев
Фрэймы
Доступность
Безопасность
Вопросы безопасности форм
-
Что такое HTML
Для установления соединения с удаленным сервером используется сетевой адрес документа. Этот адрес зовется универсальным указателем ресурса - URL (Uniform Resource Locator). В ответ сервер посылает документы, чаще всего в формате HTML
-
Учебник по HTML
HyperText Markup Language (HTML) является стандартным языком, предназначенным для создания гипертекстовых документов в среде WEB. HTML-документы могут просматриваться различными типами WEB-броузеров. Когда документ создан с использованием HTML, WEB-броузер может интерпретировать HTML для выделения различных элементов документа и первичной их обработки. Использование HTML позволяет форматировать документы для их представления с использованием шрифтов, линий и других графических элементов на любой системе, их просматривающей.
Как создаются HTML документы?
Основные положения
Структура документа
Заголовок документа TITLE
Тэги тела документа
Центрирование элементов документа
Составлено : 30 июля 1996 года
Неразрывная строка NOBR
Цитата BLOCKQUOTE
Тэги списков
Список определений
Гипертекстовые ссылки
Структура ссылок в HTML-документе
Ссылки на точки внутри документа
Горизонтальная линия
Добавление стилей в ваш HTML-документ
Размер шрифта FONT SIZE
Цвет шрифта FONT.SIZE
Меню выбора в формах
Отправление файлов при помощи форм
HTML Фрэймы
Планирование фрэймов и взаимодействия между фрэймами
Применение
-
Язык HTML. Понятие, описание, команды
Это руководство задумано как учебник для тех, кто хочет публиковать документацию любого рода на глобальной компьютерной сети Интернет. Насколько велика Интернет, точно не знает никто. Ходят слухи, что в 1996 году число крупных машин (серверов) и локальных сетей, подключенных к Интернет, перевалило за 10 миллионов. Точное число пользователей просто никому не известно. Известно только, что оно очень велико ‡ несколько сот миллионов человек по всему миру.
Чтобы опубликовать документ (здесь и далее под документом понимается файл, содержащий некоторую информацию) на Интернет, достаточно поместить его на сервер, постоянно подключенный к Интернет и способный общаться с другими серверами с помощью протокола передачи гипертекстов (HyperText Transfer Protocol, или http://). Совокупность таких серверов получила название "всемирной паутины" (World Wide Web, или WWW).
Разработку документов, однако, можно проводить и на компьютере, не имеющем выхода в Интернет. Автор, например, разрабатывал Руководство в текстовом процессоре Microsoft Word 2.0, а затем перенес в формат HTML и разместил на сервере Yellow Internet (). Любой желающий может бесплатно разместить на этом сервере свои файлы суммарным объемом до двух мегабайт.
Что такое HTML?
Что Вам понадобится для освоения HTML?
Необходимое отступление о редакторах HTML
Как устроен HTML-документ
Html ... /html
Head ... /head
Title ... /title
Body ... /body
H1 ... /H1 ‡ H6 ... /H6
P ... /P
Непарные метки
BR
HR
-Последовательности
Комментарии
Форматирование шрифта
Физические стили
Логические стили
CODE ... /CODE
SAMP ... /SAMP
KBD ... /KBD
VAR ... /VAR
Пример
Глава 4. Организация текста внутри документа
Ненумерованные списки: UL ... /UL
Нумерованные списки: OL ... /OL
Списки определений: DL ... /DL
Вложенные списки
Форматированный текст: PRE ... /PRE
Текст с отступом: BLOCKQUOTE ... /BLOCKQUOTE
Связывание
Изображения в HTML-документе
Цветовая гамма HTML-документа
Заголовок HTML-документа: что в нем может быть интересного?
Для чего нужны таблицы?
Как устроена таблица
Для чего нужны формы?
Как устроена форма
Простейшая форма
Как форма собирает данные
Пример
Маленькая хитрость, или Как отправить форму почтой
Ознакомьтесь с текущей спецификацией HTML
Не питайте абсолютного доверия к визуальным редакторам HTML
Используйте продуманную иерархию заголовков
Следите за вложенностью меток
Указывайте альтернативный текст при включении в документ изображений
При разработке крупных документов создавайте оглавления
Хорошо продумайте навигацию
Инструменты разработчика: пристрастные советы
Netscape Navigator Gold
Microsoft Front Page
Небольшое отступление о не упомянутых здесь редакторах
Редакторы HTML-текстов
Internet Assistant for Microsoft Word
GT_HTML
Другие
Графические редакторы
Paint Shop Pro
GIF Construction Set
Где можно бесплатно разместить свою страничку
Несколько слов в заключение
-
Список вопросов по HTML
HTML - HyperText Markup Language - язык разметки гипертекста. Документы на языке HTML позволяют пользователю, указав на выделенное слово или фразу, получить доступ к файлу или перейти на другой HTML-документ, который связан с указанным участком текста гиперссылкой. Такие гипертекстовые связи между файлами и документами, расположенными на серверах по всему миру, позволяют системе работать так, как будто она представляет собой огромную паутину информации.
HTML - _не_язык_верстки_! Это средство логической разметки, и не пытайтесь располагать ваши элементы в определенных позициях и определенных местах. У вашего клиента нет размера экрана, нет размера браузера, нет цветов и нет звуковой карты.
Что такое XML?
Что такое XHTML?
Что такое WML?
Что такое CSS?
Что такое SSI?
Что такое CGI?
Что такое PHP?
Что такое ASP?
Что такое Flash и SVG?
Что такое VRML?
Что такое Java?
Что такое JavaScript, JScript и ECMAScript?
Что такое VBScript?
Что такое DOM и DHTML?
Что такое по-настоящему крутая HTML-страничка?
Люди, протестируйте мою страничку на правильность!
Что такое валидатор?
Каким уродам нужно что-то
Чтобы по ссылке исполняемый
Какую версию HTML лучше использовать
правила список вопросов преамбула обратная связь
Какую версию HTML лучше использовать?
В каком регистре лучше писать HTML-код?
Что такое entities и как их правильно применять?
Как правильно прописывать URL с в строке запроса?
Обязательно ли использовать кавычки в значениях атрибутов?
Обязательно ли писать alt в img?
Зачем делать свою страничку совместимой с XHTML и как это сделать?
Как вставлять комментарии в HTML?
Я, к сожалению, употребил
Говорят, для поисковиков надо прописать ключевые слова. Что это?
Чтобы после открытия моей
В чем отличия b и strong, i и em?
Чтобы страничка не кэшировалась у клиента?
Чтобы при нажатии на ссылку появлялся бланк отправления сообщения по e-mail?
Чтобы при нажатии на ссылку она открывалась в другом окне или кадре?
Чтобы при нажатии на ссылку менялось содержимое двух кадров?
Чтобы нельзя было изменять размер кадра?
Чтобы не было видно границ кадров?
Чтобы изменить размер, оформление
Чтобы выровнять табличку
Чтобы разместить текст, картинку или табличку в центре экрана?
Чтобы между картинками не было промежутков?
Чтобы убрать промежутки
Чтобы убрать синюю рамку вокруг картинки-ссылки?
Чтобы при наведении на ссылку
Чтобы при нажатии на определенную
Как сделать таблицу с большим
Как можно сделать одинаковые столбцы в таблице?
Чтобы HTML-документ выводился
Чтобы в Internet Explorer
Как сделать информацию о
Как вставить стили в документ
правила список вопросов преамбула обратная связь
Как вставить стили в документ?
Чтобы убрать или задать отступы содержимого странички от краев окна браузера?
Как сделать буквицу в начале абзаца без применения картинок?
Как встроить свои шрифты в страничку?
Как подавить подчеркивание ссылок в некоторых местах?
Как сделать неподчеркнутые ссылки везде?
Чтобы при наведении мышки на текст с ссылкой он поменял цвет или стал подчеркнутым?
Чтобы фоновая картинка не
Чтобы задать фоновую картинку для ячейки таблицы?
Чтобы фон странички оставался неподвижным при прокрутке?
Чтобы содержимое div
Как сделать так, чтобы при
Как окружить табличку рамкой нужного цвета?
Как разлиновать табличку тонкими линиями нужного цвета?
Как сделать кнопку «Back»
правила список вопросов преамбула обратная связь
Как сделать кнопку Back?
Как определить, что юзер открыл страницу не в кадре, и перевести его в кадр?
Как определить, что юзер открыл вашу страницу в чужом фреймсете и избавиться от фреймсета?
Как на JS при событии в одном
Как вставить музыку (MIDI, WAV, MP3) в HTML файл?
Как определить разрешение
Как вставить дату последнего обновления?
Как сделать, чтобы при наведении мышки на картинку-ссылку картинка изменилась?
Как открыть по ссылке маленькое
Как сделать фотогалерею
Как сделать фотогалерею - 2
Есть ли в JS функция, которая
Почему NN некорректно ведет себя с русской буквой я в сценариях?
Чтобы при наведении мышки
Как убрать рамки, возникающие при нажатии вокруг ссылок?
Как сделать выпадающее меню ссылок?
Как сделать ссылку, которая никак не проявляет себя, как ссылка
правила список вопросов преамбула обратная связь
Как сделать ссылку, которая никак не проявляет себя, как ссылка?
Как сделать буквицу, если браузер не понимает :first-letter? Например, так:
Как окружить табличку рамкой нужного цвета, если браузер не понимает CSS?
Как "разлиновать"
Чтобы в NN4 в таблице было
Чтобы избежать появления пустой строки после закрытия тегов hN и form в NN4?
Чтобы пустая ячейка таблицы показывалась в NN4- и Mozilla/NN6?
Чтобы комментарий (параметр title) показывался в NN4?
Чтобы iframe показывался в NN4?
Чтобы фон странички оставался неподвижным при прокрутке в NN4?
Какие редакторы HTML бывают
правила список вопросов преамбула обратная связь
Какие редакторы HTML бывают?
А какой редактор лучше?
Как заставить HomeSite не заменять русские буквы на непонятные символы?
Можно ли в HomeSite редактировать файлы в KOI-8 и DOS-866?
Как заставить 1st Page редактировать koi-8?
Как создавать и редактировать файлы в Unicode (UTF-8)?
Какие браузеры стоят для тестирования страниц у честного человека?
Как на одну и ту же версию Windows поставить несколько версий IE?
Как мне протестировать страничку
Как перевести документ Word или Excel в формат HTML с минимальным количеством лишнего кода?
Какие форматы графических файлов применяются в Web
правила список вопросов преамбула обратная связь
Какие форматы графических файлов применяются в Web?
Какими графическими редакторами лучше пользоваться?
Что такое чересстрочная и прогрессивная графика, почему она лучше обычной и как ее создать?
Как создать прозрачную и полупрозрачную графику?
Как создать анимацию?
Можно ли оптимизировать графику (уменьшить размер)?
Посоветуйте программу или plug-in к Photoshop для создания анимации.
Какие бесплатные серверы поддерживают SSI и CGI
правила список вопросов преамбула обратная связь
Какие бесплатные серверы поддерживают SSI и CGI?
У меня есть хорошая и серьезная
Как установить счетчик посещений?
Хочу поставить свой счетчик, независимый. Где скрипт брать?
Как сбросить в файл или в базу данных результат заполнения формы?
Как послать результат заполнения формы на e-mail?
Чтобы один и тот же кусок HTML автоматически вставлялся в большое количество документов?
Можно ли бесплатно сделать домен?
Почему после закачки файлов
Где взять документацию по HTML
правила список вопросов преамбула обратная связь
Посоветуйте близкие по тематике эхоконференции.
Где взять документацию по HTML?
Где взять документацию по CSS?
Где взять документацию по JavaScript?
Где взять документацию по DOM и DHTML?
Посоветуйте еще несколько интересных ссылок.
-
HTML в примерах
Основным понятием CSS является стиль – т. е. набор правил оформления и форматирования, который может быть применен к различным элементам страницы. В стандартном HTML для присвоения какому-либо элементу определенных свойств (таких, как цвет, размер, положение на странице и т. п.) приходилось каждый раз описывать эти свойства, даже если на одной страничке должны располагаться 10 или 110 таких элементов, ничуть не отличающихся один от другого. Вы должны были десять или сто десять раз вставить один и тот же кусок HTML-кода в страничку, увеличивая размер файла и время загрузки на компьютер просматривающего ее пользователя.
Таблица базовых цветов BgColor
Что такое CSS
Практическое освоение CSS
Связывание
Внедрение
Встраивание в теги документа
Импортирование
Группирование
Наследование
Селекторы
Классы
Идентификаторы
Простейший пример
Свойства элементов, управляемых с помощью CSS
Фильтры в DHTML
Специальные символы
Греческие буквы
Стрелки
Прочие символы
Знаки пунктуации
Общая пунктуация
Теги HTML
Элементы HTML
Aтрибуты
Чувствительность к регистру
Разделение на строки и использование пробелов и символов табуляции
HTML в примерах
b
Big
Blockquote
Body
Br
Тег BUTTON
Пример
HTML в примерах
Center
Cite
Code
HTML в примерах
CSS: Границы
Примечание
Верхняя часть заголовка зеленого цвета (dotted)
CSS: ЦВЕТ ЭЛЕМЕНТА И ЦВЕТ ФОНА
CSS: Курсоры
CSS: СВОЙСТВА ШРИФТА
Примечания
Примеры
ЕДИНИЦЫ ИЗМЕРЕНИЯ
Реальные единицы измерения
Типографские единицы
CSS: ПОЛОСА ПРОКРУТКИ
CSS: РАЗМЕР ЭЛЕМЕНТА
CSS: СВОЙСТВА ТАБЛИЦЫ
CSS: СВОЙСТВА ТЕКСТА
Подчеркнутый заголовок (underline)
Заголовок по центру
HTML в примерах
Dd
Dfn
Dl
Dt
Em
HTML в примерах
Тег FIELDSET
Тег font
Тег frame
HTML в примерах
Alpha
Blur
Chroma
FlipH
FlipV
Glow
Gray
Invert
Mask
DropShadow
Shadow
Wave
Xray
HTML в примерах
Head
Hr
Html
Kbd
HTML в примерах
Тег LEGEND
Li
Link
HTML в примерах
Map
Marquee
Тег MENU
Атрибуты
Пример
Meta
Nobr
HTML в примерах
Ol
Тег OPTGROUP
Атрибуты
Option
HTML в примерах
p
Pre
HTML в примерах
s
Samp
Тег SCRIPT
Пример
Select
Select - 2
Small
Тег SPAN
Пример
Strong
Sub
Sup
HTML в примерах
Тег TABLE
Td
Тег TH
Тег THEAD
Title
Tr
Tt
u
Ul
Var