.

Нумерованные списки
Нумерованный список (также называемый "порядковым" списком. От него происходит название tag-а) идентичен ненумерованному списку, исключая использование

вместо
. Элементы определяются использованием tag-а
• . Следующий HTML текст

   
  
   
   апельсины
   
   персики
   
   виноград
   
  
  

  будет приводить к выводу:

  1. апельсины
  2. персики
  3. виноград

  Список определений
  Список определений обычно содержит описание термина (абревиатура DT) и его определение (абревиатура DD). Web просмотрщик обычно начинает определение с новой строки.
  Это пример списка определений:

   
  
   
   NCSA
   
   NCSA, the National Center for Supercomputing Applications,
   (Национальный центр приложений для суперкомпьютеров),
   расположен на территории University of Illinois 
   at Urbana-Champaign. NCSA - один из участников
   National MetaCenter for Computational Science and Engineering
   (Национальный центр компьютерной науки и инженерии).
   
   Cornell Theory Center
   
   CTC расположе на территории Cornell University in Ithaca,
   New York. CTC также участник National MetaCenter
   for Computational Science and Engineering.
   
  
  

  Вывод выглядит следующим образом:
  NCSA, the National Center for Supercomputing Applications, (Национальный центр приложений для суперкомпьютеров), расположен на территории University of Illinois at Urbana-Champaign. NCSA - один из участников National MetaCenter for Computational Science and Engineering (Национальный центр компьютерной науки и инженерии).
  Cornell Theory Center
  CTC расположе на территории Cornell University in Ithaca, New York. CTC также участник National MetaCenter for Computational Science and Engineering.
  

  и
  могут содержат множество параграфов (разделенных tag-ом

  ), списков, или другой определяющей информации.

  Вложенные списки
  Списки могут быть произвольно вложенными друг в друга, хотя на практике лучше ограничиваться 3-мя уровнями вложенности. У вас также может быть несколько параграфов, каждый из которых содержит вложенный список, и все это в единственном элементе основного списка.
  Пример вложенного списка:

   
  
   
   A few New England states:
   
  
   
   Vermont
   
   New Hampshire
   
  
   
   One Midwestern state:
   
  
   
   Michigan
   
  
   
  
  

  И вложенный список будет выглядеть на экране так:

  • A few New England states:
    • Vermont
    • New Hampshire
  • One Midwestern state:
    • Michigan

  Преформатированный текст
  Используйте

   tag (который соответствует слову ``преформатированный'') для генерации текста выводимого фонтом фиксированной ширины с сохранением пробелов, переводов каретки и символов табуляции. (То есть, несколько последовательных пробелов не будут преобразованы в один и новые строки будут начинаться в тех же позициях, что и в исходном HTML файле). Это очень удобно для листингов программ. Например, следующие линии:
   
  
   #!/bin/csh 
   cd $SCR 
   cfs get mysrc.f:mycfsdir/mysrc.f 
   cfs get myinfile:mycfsdir/myinfile 
   fc -02 -o mya.out mysrc.f 
   mya.out 
   cfs save myoutfile:mycfsdir/myoutfile 
   rm * 
   
  
  
  изобразятся, как:
   #!/bin/csh 
   cd $SCR 
   cfs get mysrc.f:mycfsdir/mysrc.f 
   cfs get myinfile:mycfsdir/myinfile 
   fc -02 -o mya.out mysrc.f 
   mya.out 
   cfs save myoutfile:mycfsdir/myoutfile 
   rm *
  
  Гиперссылки могут использоваться внутри 
   секции. Однако, Вы должны избегать использования других HTML tag-ов внутри 
   секции.
  Заметим, так как <, >, and & имеют специальное значение в HTML Вы должны использовать их в escape-последовательностях (<, >, и &, соответственно) для ввода этих символов. Смотри раздел Специальные символы, если хотите получить более подробную информацию.
  
  Расширенные цитаты
  Используйте 
   tag для включения цитат в отдельный блок на экране. Большинство просмотрщиков отделяют ее от окружающего текста.  Например:
   
  
   У меня есть мечта. Эта мечта берет начало в американской
   мечте. 
  
   Я мечтаю о том, что однажды нация поднимется и определит настоящее
   значение своей веры. Мы убеждены, что каждый человек должен чувствовать
   что все были рождены равными. 
  
   
  
  
  В результате получим:
  У меня есть мечта. Эта мечта берет начало в американской мечте. 
  Я мечтаю о том, что однажды нация поднимется и определит настоящее значение своей веры. Мы убеждены, что каждый человек должен чувствовать что все были рождены равными.
  Адреса
   tag обычно используются для обозначения автора документа и средств связи с автором (например, E-mail адреса). Обычно это последний элемент файла.
  Например, последняя строка online версии этого руководства:
   
  
   A Beginner's Guide to HTML / NCSA / 
  pubs@ncsa.uiuc.edu
   
  
  
  В результате:
  A Beginner's Guide to HTML / NCSA / pubs@ncsa.uiuc.edu 
  Замечание: 
   - это не для почтового адреса. Смотри ``принудительный перевод строки'' на странице 10, если хотите хотите узнать, как представлять почтовые адреса.
  
  Символьное форматирование html
  Вы может кодировать отдельные слова и предложения специальными стилями. Есть два типа стилей: логический и физический. Tag Логические стили присваивает тексту некоторое значение, в то время, как Физические стили стиль устанавливает появление специальной секции. Например в предыдущем предложении слова ``логические стили'' являются ``определением''. Такой же эффект (форматирование этих слов фонтом Italic) может быть достигнут через разные tag-и, которые будут означать только ``вывести эти слова фонтом Italic''.
  Физический против логического: где только возможно, используйте логические стили
  Затем нужны физические и логические стили, если они производят один и тот же эффект на экране? Последующая пара параграфов введет нас в философию SGML, которую можно выразить фразой: "Доверая своему просмотрщику".
  В идеальном мире SGML, содержание отделяется от представления. Так, tag SGML заголовков первого уровня определяются как заголовки первого уровня, но не устанавливают, что заголовок первого уровня должен быть, например, выведен фонтом times-bold размера 24 пункта отцентрированным и на верху страницы. Преимуществом такого подхода (подобно концепции "стилей" большинства текстовых процессоров) является то, что если Вы решите изменить заголовок первого уровня на выровненный влево 20 пунктовый фонт Helvetica, все, что Вам нужно сделать, это изменить определение заголовка первого уровня в программе вывода (н., Ваш просмотрщик WWW).
  Другим преимуществом логических tag-ов это то, что они помогают согласованному построению Ваших документов. Легче определить что-то, как 
  , чем запоминать, что заголовок первого уровня выводится фонтом times-bold размера 24 пункта или еще чем-то в этом роде. Это справедливо и для символьных стилей. Например, рассмотрим tag . Большинство просмотрщиков преобразуют его в bold текст. Однако, возможно читатель предпочтет, чтобы эти части выводились на красном фоне. Логические стили предлагают такую гибкость.
  
  Логические стили
  
   
  Для определения слова. Обычно выводится фонтом italic. (NCSA Mosaic World Wide Web просмотрщик.) 
   
  
  для усиления. Обычно выводится фонтом italic. ( Не дай залезть себе в карман .) 
   
  для заголовков книг, фильмов и т.д. Обычно выводится фонтом italic. (Руководство для начинающих по HTML) 
   
  
  для кусков компьютерного кода. Выводится фонтом фиксированной ширины. ( заголовочный файл) 
   
  для текста, который пользователь должен ввести с клавиатуры. Должен выводится фонтом bold фиксированной ширины, но многие просмотрщики выводят его фонтом plain (простым фонтом) фиксированной ширины (Введите passwd для изменения свего пароля.) 
   
  для ссобщений от программ. Выводится фонтом фиксированной ширины. (Segmentation fault: Core dumped.) 
   
  
  для особо важных фрагментов. Обычно выводится фонтом bold. (Важно) 
   
  для переменных метасинтаксиса, когда пользователь заменяет переменную конкретным значением. Обычно выводится фонтом italic. (rm filename удаляет файл.) 
  
  Физические стили
  
   
  
  bold text 
   
  
  italic text 
   
  
  typewriter text, еквивалентен фонту фиксированной ширины.
  
  Использование символьных Tag-ов
  Для применения символьного стиля,
  
  Начните с , где tag - желаемый символ определяемого tag-а, для обозначения начала соответствующего текста. 
  Введите этот текст. 
  завершите отрывок выражением . 
  Специальные символы
  Escape последовательности
  Четыре символа набора ASCII - знак меньше (<), знак больше (>), амперсанд (&) и двойные кавычки (") имеют специальное значение внутри HTML и следовательно не могут быть использованы в тексте в своем обычном значении. (Скобки используются для обозначения начала и конца HTML tag-ов, а амперсанд используется для обозначения escape-последовательности).
  Для использования одного из этих символов в HTML документе Вы должны внести вы должны ввести вместо него escape-последовательность:
  
  < 
  escape-последовательность для < 
  > 
  escape-последовательность для > 
  & 
  escape-последовательность для & 
  " 
  escape-последовательность для " 
  Дополнительные escape-последовательности поддерживающие акцентированные символы. Например: Additional escape sequences support accented characters. For example:
  
  ö 
  escape-последовательность для lowercase o с умляутом: ö 
  ñ 
  escape-последовательность для lowercase n с тильдой: ñ 
  È 
  escape-последовательность для uppercase E с grave accent: È 
  Доступен полный список поддержанных символов.
  Замечание: В отличии от остального HTML, escape-последовательности чуствительны к регистру. Вы не можете, например, использовать < вместо <.
  Принудительный перевод строки
  
   tag заставляет просмотрщик переводить сроку без дополнительного промежутка между ними (для сравнения, большинство просмотрщиков выводят дополнительную пустую строку, если встречают tag параграфа: 
  , для более четкого выделения начала следующего параграфа.
  Одно из использований 
   - при форматированиии адресов:
   National Center for Supercomputing Applications
  
   605 East Springfield Avenue
  
   Champaign, Illinois 61820-5518
  
  
  Горизонтальные разделители
   tag производит горизонтальную линию во всю ширину окна просмотрщика.
  
  Встроенные изображения 
  Большинство просмотрщиков могут выводит встроенные изображения (такие как, изображения после текста) в форматах X Bitmap (XBM) или GIF. Каждое изображение требует времени для обработки и замедляет процесс вывода документа, так что Вы не должны включать слишком много или чрезмерно большие изображения.
  Для включения изображения используйте:
   
  
  где image_URL это URL на файл изображения. Синтаксис для IMG SRC URL идентичен тому, который используется в anchor HREF. Если файл изображения это GIF файл, то часть image_URL соответствующая имени файла должна заканчиваться на .gif. Имена файлов X Bitmap должны заканчиваться .xbm.
  По умолчанию низ изображения выравнивается с текстом, как показано в этом параграфе.
  Добавьте ALIGN=TOP опцию если Вы хотите, чтобы просмотрщик выровнял текст с верхом изображения, как показано в этом параграфе. Полный tag встроенного изображения с верхним выравниванием:
  
  ALIGN=MIDDLE выравнивает текст с центром изображения.
  Альтернативный текст для просмотрщиков, которые не могут выводить изображения
  Большинство WWW просмотрщиков, преимущественно те, которые запускаются с терминалов типа VT100, не могут выводить изображения. ALT опция позволяет Вам указать текст, который будет выводиться на экран вместо изображения. Например:
  
  где UpArrow.gif изображение стрелки вверх. Используя NCSA Mosaic и другие графические просмотрщики пользователи увидят картинку "стрелка вверх". Используя просмотрщик типа Lynx (или другой для терминала VT100), пользователь увидит слово "Up".
  Внешние изображения, звуки и анимация
  Вы можете пожелать иметь изображения открытое, как отдельный документ, когда пользователь переходит по ссылке выбрав слово или меньшую, встроенную версию изображения, включенного в Ваш документ. Оно может рассматриваться, как внешнее и это очень полезно если Вы не хотите замедлять загрузку главного документа с большими встроенными изображениями.
  Для включения ссылки на внешнее изображение, используйте:
   описание ссылки
  
  Используйте аналогичный синтаксис для ссылок на внешние файлы анимации и звука. Единственное отличие заключается в расширении подсоединяемого файла. Например:
  описание ссылки
  определяет ссылку на QuickTime видео. Некоторые общие типы файлов и их расширения:
  
  Тип файла 
  Расширение 
  Простой текст 
  .txt 
  HTML документ 
  .html 
  GIF image 
  .gif 
  TIFF image 
  .tiff 
  XBM bitmap image 
  .xbm 
  JPEG image 
  .jpg or .jpeg 
  PostScript файл 
  .ps 
  AIFF звук 
  .aiff 
  AU звук 
  .au 
  QuickTime видео 
  .mov 
  MPEG видео 
  .mpeg or .mpg 
  Уверены ли Вы, что интересующая Вас аудитория имеет необходимые просмотрщики? Большинство UNIX станций не могут, например, показывать QuickTime movies.
  
  Избегайте вложенных tag-ов
  Рассмотрим отрывок HTML файла:
   Это пример с перекрывающихся HTML tag-ов.
  
  Слово ``перекрывающиеся'' (overlapping) содержится внутри и  и  tag-ов. Как просмотрщик форматирует это? Вы не узнаете это, пока не посмотрите, разные просмотрщики по разному реагируют на подобные конструкции. В общем, избегайте перекрывающихся tag-ов.
  
  Вложенные ссылки и символьные tag-и, но больше ничего
  Вполне возможно вставлять ссылки (anchors) внутрь другого HTML элемента:
   
  Мой заголовок
  
  
  Не вставляйте заголовки или другие HTML внутрь ссылки:
   
   
  Мой заголовок
  
   
  
  Хотя большинство современных просмотрщиков справятся с этим примером, но это запрещено официальной спецификацией HTML и HTML+, и не будет работать с будущими просмотрщиками.
  Символьные tag-и модифицируют представление других tag-ов:
   
  Элемент списка (фонт - bold)
   
  
   
  Элемент списка (фонт - italic)
   
  
  
  Однако, избегайте вставки других типов HTML элементов. Например, соблазнительно вставить заголовок внутрь списка для увеличения размера фонта:
   
  Болшой заголовок
  
   
  
   
  Что-то немного меньшее
  
   
  
  
  Хотя некоторые просмотрщики, такие как, NCSA Mosaic for the X Window System, благополучно форматируют эту конструкцию, непредсказуемо (потому что это не определено), как это обработает другой просмотщик. Для совместимости с другими просмотрщиками, избегайте подобных конструкций. В чем разница между вложением  внутрь tag-а 
   как противоположности вложению 
   внутрь 
  ? Опять таки, это вопрос из SGML. Семантическое значение 
   в тои, что оно является главным заголовком документа за которым должно следовать содержание. Так что, нет смысла искать 
   внутри списка.
  Символы форматирования также обычно не аддитивны. Вы можете ожидать, что:
   некоторый текст
  
  будет выводиться фонтом bold-italic. Некоторые просмотрщики делают это; другие интерпретирую только tag последнего уровня вложенности (здесь, это italics).
  Проверьте свои ссылки
  Если  tag ссылается на несуществуюшее изображение, вместо него подставляется "пустое" (dummi). Если это произошло, проверьте что ссылаетесь ли Вы на реально существующее изображение, что ссылка корректна с точки зрения правил URL и что атрибуты доступа к файлу установлены правильно (можно читать всем).
  Большой пример
  Перед вами пример более серьезного документа:
   
   
   
   
   
  Большой пример
  
   Это простой документ. Это первый параграф. 
  
   Это второй параграф, который показывает специальные эффекты. Это слово выводится фонтом
   italics. Это слово выводится фонтом bold.
   Это встроенное изображение в формате GIF: . 
   
  
   Это третий параграф, демонстрирующий ссылки. Это гипертекстовая ссылка
   слова foo
   с документом "subdir/myfile.html". (Если Вы попробуете перейти по
   по этой ссылке то получите сообщение об ошибке.) 
   
   
  Заголовок второго уровня
  
   Этот текст должен выводиться фонтом фиксированной ширины: 
  
   
  
   On the stiff twig up there
   Hunches a wet black rook
   Arranging and rearranging its feathers in the rain ...
   
  
   Это ненумерованный список с двумя элементами: 
  
   
  
   
   клюква
   
   черника
   
  
   Это конец моего документа. 
  
   
  Me (
  me@mycomputer.univ.edu)
  
   
  
  В дополнении к уже обсуждавшимся tag-ам, в этом примере также используются  ...  и  ...  tag-и, которые разделяют в документе вводную информацию о нем и основной текст документа. Эти таги ничего не меняют в представлении форматированного документа, но являются очень полезными для некоторых целей (например, NCSA Mosaic for Macintosh 2.0, позволяет Вам просматривать только заголовки частей документа, чтобы решить, нужно ли Вам загружать оставшиеся части) и мы очень рекомендуем Вам использовать эти tag-и.
   
   
  
  Страница сайта http://silicontaiga.ru
  
  Оригинал находится по адресу http://silicontaiga.ru/home.asp?artId=5565