для значения "disc"
для значения "circle"
для значения "square"| 1 | арабские цифры | 1, 2, 3, ... |
| a | латинский алфавит, нижний регистр | a, b, c, ... |
| A | латинский алфавит, верхний регистр | A, B, C, ... |
| i | римский алфавит, нижний регистр | i, ii, iii, ... |
| I | римский алфавит, верхний регистр | I, II, III, ... |
| Average | Red eyes | ||
|---|---|---|---|
| height | weight | ||
| Males | 1.9 | 0.003 | 40% |
| Females | 1.7 | 0.002 | 43% |

| Name | Cups | Type of Coffee | Sugar? |
|---|---|---|---|
| T. Sexton | 10 | Espresso | No |
| J. Dinnen | 5 | Decaf | Yes |
| Name | Cups | Type of Coffee | Sugar? |
|---|---|---|---|
| T. Sexton | 10 | Espresso | No |
| J. Dinnen | 5 | Decaf | Yes |
| 1 | 2 | 3 |
| 4 | 5 | 6 |
| 7 | 8 | 9 |
| Vegetable | Cost per kilo |
|---|---|
| Lettuce | $1 |
| Silver carrots | $10.50 |
| Golden turnips | $100.30 |

В следующем примере атрибут cellspacing определяет, что ячейки должны отделяться друг от друга и от рамки таблицы полями размером 20 пикселов. Атрибут cellpadding определяет, что верхняя и нижняя границы ячейки отделяются от содержимого полями размером 10% доступного вертикального пространства (всего составляющего 20%). Таким же образом левая и правая границы ячейки отделяются от содержимого полями размером 10% доступного горизонтального пространства (всего составляющего 20%).
| Data1 | Data2 | Data3 |
| Name | Cups | Type of Coffee | Sugar? |
|---|---|---|---|
| T. Sexton | 10 | Espresso | No |
| J. Dinnen | 5 | Decaf | Yes |
| Name | Cups | Type of Coffee | Sugar? |
|---|---|---|---|
| T. Sexton | 10 | Espresso | No |
| J. Dinnen | 5 | Decaf | Yes |
| Community Courses -- Bath Autumn 1997 | ||||
|---|---|---|---|---|
| Course Name | Course Tutor | Summary | Code | Fee |
| After the Civil War | Dr. John Wroughton | The course will examine the turbulent years in England after 1646. 6 weekly meetings starting Monday 13th October. | H27 | £32 |
| An Introduction to Anglo-Saxon England | Mark Cottle | One day course introducing the early medieval period reconstruction the Anglo-Saxons and their society. Saturday 18th October. | H28 | £18 |
| The Glory that was Greece | Valerie Lorenz | Birthplace of democracy, philosophy, heartland of theater, home of argument. The Romans may have done it but the Greeks did it first. Saturday day school 25th October 1997 | H30 | £18 |


Пользователю может понадобиться извлечь информацию из таблицы в форме запроса:
| Meals | Hotels | Transport | subtotals | |
|---|---|---|---|---|
| San Jose | ||||
| 25-Aug-97 | 37.74 | 112.00 | 45.00 | |
| 26-Aug-97 | 27.28 | 112.00 | 45.00 | |
| subtotals | 65.02 | 224.00 | 90.00 | 379.02 |
| Seattle | ||||
| 27-Aug-97 | 96.25 | 109.00 | 36.00 | |
| 28-Aug-97 | 35.00 | 109.00 | 36.00 | |
| subtotals | 131.25 | 218.00 | 72.00 | 421.25 |
| Totals | 196.27 | 442.00 | 162.00 | 800.27 |
| Code-Page ID | Name | ACP | OEMCP | Windows NT 3.1 | Windows NT 3.51 | Windows 95 |
|---|---|---|---|---|---|---|
| 1200 | Unicode (BMP of ISO/IEC-10646) | X | X | * | ||
| 1250 | Windows 3.1 Eastern European | X | X | X | X | |
| 1251 | Windows 3.1 Cyrillic | X | X | X | X | |
| 1252 | Windows 3.1 US (ANSI) | X | X | X | X | |
| 1253 | Windows 3.1 Greek | X | X | X | X | |
| 1254 | Windows 3.1 Turkish | X | X | X | X | |
| 1255 | Hebrew | X | X | |||
| 1256 | Arabic | X | X | |||
| 1257 | Baltic | X | X | |||
| 1361 | Korean (Johab) | X | ** | X | ||
| 437 | MS-DOS United States | X | X | X | X | |
| 708 | Arabic (ASMO 708) | X | X | |||
| 709 | Arabic (ASMO 449+, BCON V4) | X | X | |||
| 710 | Arabic (Transparent Arabic) | X | X | |||
| 720 | Arabic (Transparent ASMO) | X | X |
| Изображение | IMG | OBJECT |
| Аплет | APPLET (не рекомендуется) | OBJECT |
| Другой документ HTML | IFRAME | OBJECT |
Это включение может быть выполнено также элементом OBJECT:
Атрибут
alt предоставляет краткое описание изображения. Этого должно быть достаточно, чтобы пользователь мог решить, перейти ли по ссылке, заданной атрибутом longdesc для полного описания, здесь - "sitemap.html".
Точка щелчка предаётся на сервер так: ПА устанавливает новый URI из URI, определённого атрибутом href в элементе A, присоединением `?' с последующими координатами x и y, разделёнными запятыми. Теперь переход осуществляется по новому URI. Например, в предыдущем отрывке, если пользователь щёлкнул в точке x=10, y=27, тогда новый URI будет "http://www.acme.com/cgi-bin/competition?10,27".Текст в этом параграфе должен быть зелёного цвета.
HTML 4 поддерживает следующие возможности таблиц стилей:
Гибкость размещения информации о стиле
Размещение таблиц стилей в отдельных файлах облегчает их повторное использование. Иногда необходимо включить инструкции представления в документ, к которому они применяются, путём группировки их в начале документа или установкой в атрибутах по всему телу документа. Чтобы облегчить работу со стилями на базе сайта, эта спецификация описывает, как использовать заголовки-"шапки"/headers HTTP для установки применения таблиц стилей в документах.
Независимость от конкретного языка таблицы стилей
Эта спецификация не привязывает HTML к какому-то определённому языку таблиц стилей. Это позволяет использовать разные языки, например, простой для большинства пользователей и более сложный - для пользователей с узко специализированными потребностями. Примеры, данные ниже, используют язык CSS (Cascading Style Sheets) [CSS1], но возможны и другие языки таблиц стилей.
Каскадирование
Это возможность, предоставляемая некоторыми языками таблиц стилей, такими как CSS, соединять информацию стилей из различных источников. Это могут быть, например, корпоративные руководства по стилям, стили для групп документов и стили, специфические для отдельного документа. Сохраняя эту информацию раздельно, таблицы стилей могут быть повторно использованы, облегчая творчество и более эффективное использование сетей. Каскад определяет упорядоченную последовательность таблиц стилей, где правила более поздних таблиц имеют преимущество перед правилами более ранних таблиц. Не все языки таблиц стилей поддерживают каскадирование.
Зависимость от типа носителя
HTML позволяет авторам определять media-независимые документы. Это даёт пользователям возможность использовать Web-страницы на разных устройствах и носителях информации, например, графические дисплеи компьютеров, использующих Windows, Macintosh OS и X11, телевизионные устройства, специально адаптированные телефоны и портативные устройства на базе PDA, речевые браузеры и тактильные брайль-устройства.Таблицы стилей, наоборот, применяются к конкретным носителям или группам носителей. Таблица, предполагаемая для использования с экраном, может функционировать при печати на принтере, но мало подходит для речевых браузеров.
Эта спецификация позволяет Вам определить устройства из широкого набора, в которых данная таблица стилей может быть применена. Это позволяет пользовательским агентам (ПА) исключить употребление неподходящих таблиц стилей. Языки таблиц стилей могут включать возможности описания в той же самой таблице зависимости от типа носителя.
Альтернативные стили
У авторов может появиться желание предоставить пользователям различные способы просмотра документа. Например, создав таблицу стилей для компактного просмотра документов со шрифтом небольшого размера, или таблицу, определяющую более крупный шрифт для удобства чтения. Эта спецификация даёт авторам возможность определять основную таблицу стилей, а также альтернативы в зависимости от условий конечного пользователя и типа носителя. ПА должны давать пользователям возможность выбора их нескольких таблиц стилей или объединения этих таблиц.
Возражения в связи с ухудшением параметров работы
Некоторыми высказывается озабоченность в связи с ухудшением параметров работы, связанным с использованием таблиц стилей. Например, загрузка внешней таблицы стилей может задержать вывод документа. Такие ситуации возникают чаще, если "шапки" документов содержат большое количество информации о стиле.В настоящее время предлагается для решения этой проблемы включать соответствующие инструкции непосредственно в каждый элемент HTML. Информация о представлении в этом случае всегда доступна для ПА при отображении конкретного элемента.
Во многих случаях, авторы предпочитают использовать обычные таблицы стилей для групп документов. При использовании внедрённых таблиц стилей, передача стилевых установок документам действительно приводит к значительному снижению параметров работы, поскольку, для большинства документов, таблицы стилей будут размещены в локальном кэше. Общедоступность хороших таблиц стилей способствует этому.
Aren't style sheets wonderful?
В CSS правильное объявление имеет форму "имя : значение" (с разделяющим двоеточием).
Для установки стилевой информации в нескольких элементах авторы могут использовать элемент STYLE.
Для достижения максимальной гибкости авторы должны определять стили во внешних таблицах стилей.
...параграф текста...
что в таблице стиля могло бы быть:
...параграф текста...
НЕ РЕКОМЕНДУЕТСЯ:
Чтобы выровнять вправо несколько параграфов, сгруппируйте их элементом DIV:

...голубой курсив...
Элементы стиля шрифта должны вкладываться соответствующим образом. Отображение вложенных элементов стиля шрифта зависит от ПА.



![]() |
Black = "#000000" | ![]() |
Green = "#008000" |
![]() |
Silver = "#C0C0C0" | ![]() |
Lime = "#00FF00" |
![]() |
Gray = "#808080" | ![]() |
Olive = "#808000" |
![]() |
White = "#FFFFFF" | ![]() |
Yellow = "#FFFF00" |
![]() |
Maroon = "#800000" | ![]() |
Navy = "#000080" |
![]() |
Red = "#FF0000" | ![]() |
Blue = "#0000FF" |
![]() |
Purple = "#800080" | ![]() |
Teal = "#008080" |
![]() |
Fuchsia = "#FF00FF" | ![]() |
Aqua = "#00FFFF" |
Этот параграф имеет уникальное имя.
Этот параграф тоже имеет уникальное имя.
Атрибут
id имеет несколько ролей в HTML:
...здесь - код примера...Установив в этом примере атрибут id, мы можем
| Last name: | Boyera |
|---|---|
| First name: | Stephane |
| Tel: | (212) 555-1212 |
| Email: | sb@foo.org |
| Last name: | Lafon |
|---|---|
| First name: | Yves |
| Tel: | (617) 555-1212 |
| Email: | yves@coucou.com |
...интерпретируется как испанский...
...снова интерпретируется как французский...
...французский текст прерывается японским... что-нибудь на японскомздесь снова продолжается французский...
Примечание. Если ячейка занимает область из нескольких ячеек (span), то она может наследовать значение lang
не из своего предка, а из первой ячейки в span . См. детали в разделе наследование выравнивания.
Her super-powers were the result of γ-radiation, he explained....текст слева-направо...
...снова текст справа-налево...
В то же время, инлайн-элементы не наследуют атрибут dir. Это значит, что инлайн-элемент без атрибута dir
не открывает дополнительный уровень в установке двунаправленного алгоритма. (Элемент рассматривается здесь как уровня инлайн или блока на основе его представления по умолчанию. Обратите внимание, что элементы INS и DEL
могут быть уровня блока или инлайн в зависимости от контекста.)
english1 2WERBEH english3 4WERBEH english5 6WERBEHЭто говорит двунаправленному алгоритму "Оставь меня слева-направо!" и должно создать желаемое представление:
...еврейские кавычки...
чем то же самое в мнемониках Unicode:The buck stops here.
More information can be found in [ISO-0000].
Please refer to the following reference number in future correspondence: 1-234-55
Представление элементов абзаца зависит от ПА. Обычно визуальные ПА представляют EM текст курсивом, а STRONG текст полужирным шрифтом. ПА с голосовым синтезом могут менять параметры синтеза, такие как уровень громкости, высота и диапазон.They went in single file, running like hounds on a strong scent, and an eager light was in their eyes. Nearly due west the broad swath of the marching Orcs tramped its ugly slot; the sweet grass of Rohan had been bruised and blackened as they passed.
Higher still and higher From the earth thou springest Like a cloud of fire; The blue deep thou wingest, And singing still dost soar, and soaring ever singest.А вот как это обычно отображается:
(Всё исправлено)
(Всё исправлено)