#Q Здесь должен располагаться оригинальный текстЗаголовок2
#Q
Заголовок3
#Q
Заголовок4
#Q
Заголовок5
#Q
Заголовок6
#Q
#Q Здесь расположена ссылка 1#Q
#Q
</pre>
Элемент для обозначения текста, отформатированного заранее
(preformatted). Подразумевается, что текст будет выведен в том виде, в
каком он был подготовлен пользователем. Например, учитываются символы конца
строки, появившееся при наборе текста в редакторе. Во всех других случаях
броузер игнорирует эти символы. Этот элемент удобно использовать для
демонстрации листингов программ или для вывода текстовых документов,
переформатирование которых может привести к искажению их смысла.
<BLOCKQUOTE></blockquote>
Обозначение цитаты. Этот элемент требует наличие конечного тега. Текст
не претерпевает никаких изменений, но абзац располагается с отступом. К
кавычкам этот элемент тоже не имеет никакого отношения: если в цитате
используются кавычки, то они должны быть проставлены явным образом. В
настоящее время используют и другое написание этого элемента: BQ.
<CENTER></center>
Элемент используется для центрирования текста, а точнее, любого
содержимого. Не является общеупотребительным.
<DIV></div>
Элемент, похожий на предыдущий. Он позволяет выравнивать содержимое по
левому краю, по центру или по правому краю. Для этого стартовый тег должен
содержать соответствующий атрибут:
align=’’left’’
align=’’center’’
align=’’right’’
<B></b>
Выделение текста полужирным шрифтом. Очень популярный элемент.
Использование полужирного шрифта — прием, позаимствованный из текстовых
редакторов.
<BIG></big>
Увеличенный размер шрифта
<SMALL></small>
Уменьшенный размер шрифта
<I></i>
Выделение текста курсивом
<EM></em> и <DFN></dfn>
Элементы, означающие выразительность фрагмента текста и определение
чего-либо. Оба элемента аналогичны по своему действию элементу I, то есть,
в большинстве случаев, позволяют выделить текст курсивом.
Они могут пригодиться только для того, чтобы единообразно выделить
одинаковые по назначению (или смыслу) фрагменты текста, находящиеся в
разных частях документа или даже на разных страницах. Разработчик в этом
случае не может точно знать, какой именно шрифт будет использован: это
определяется каждым броузером по-своему. Но он может быть точно уверен, что
все фрагменты текста будут отформатированы одинаковы. В языке можно найти
еще несколько элементов, которым можно дать такую же характеристику.
<TT></tt>
Элемент, обозначающий текст телетайпа. Его особенность заключается в
использовании моноширинного шрифта.
<STRIKE></strike>
Элемент, создающий перечеркнутое начертание текста. В настоящее время
его заменяют более простим: <S></S>
<U></u>
Подчеркнутое начертание текста.
<STRONG></strong>
Элемент, отвечающий за выделение текста. Обычно его применение
равносильно использованию элемента для выделения полужирным.
<SUB></sub>
Элемент, создающий эффект нижнего индекса.
<SUP></sup>
Элемент, создающий эффект верхнего индекса.
Действие двух последних элементов иллюстрирует рис.3.2. Оба этих
элемента обеспечивает уменьшение размера шрифта. Поэтому их можно
использовать и для форматирования абзаца целиком, если необходимо, чтобы он
был выведен мелким шрифтом.
Обычный текст и элемент SUB
Обычный текст и элемент SUP
Рис.3.2. Использование элементов SUB и SUP
<PLAINTEXT></plaintext>
Этот элемент предназначен для создания текста с конструкциями HTML,
которые должны восприниматься именно как текст. Все теги, заключенные в
PLAINTEXT, воспринимаются броузером только как произвольные символы.
Элемент удобно использовать для обсуждения вопросов, связанных с
использованием HTML.
<CODE></code>, <SAMP></samp> и <VAR></var>
Элементы, предназначенные для вывода фрагментов программ. CODE
используется для форматирования текста программы. SAMP предполагается
задействовать при иллюстрации примеров вывода данных на экран. VAR был
создан для выделения переменных. Как правило, все эти элементы обеспечивают
вывод информации с использованием моноширинного шрифта.
<KBD></kbd>
Этот элемент предназначен для указания текста, который пользователь
должен ввести с клавиатуры. Можно рассчитывать, что текст, выделенный с
помощью этого элемента, будет выделен моноширинным шрифтом в полужирном
начертании.
<CITE></cite>
Предполагается, что этот элемент может быть использован для
форматирования цитат и ссылок в обычном понимании этого слова. Текст,
расположенный внутри него, выводиться по умолчанию курсивом.
<ADDRESS></address>
Подобно элементу CITE, данный элемент отличается только предусмотренным
содержанием. Он также обеспечивает форматирование курсивом. В некоторых
справочных руководствах можно встретить, что данный элемент поддерживает
атрибут align. Легко убедиться, что это не так.
Вообще, к подобным элементам надо относиться с определенной долей
недоверия. Я имею ввиду те из них, которые предназначены для размещения
определенной информации, а не для создания эффектов форматирования. Мы уже
рассмотрели элементы ADDRESS, CITE, CODE, KBD, SAMP, VAR. Дело в том, что
они не относятся к основному направлению совершенствования HTML и
пользовательских агентов[10]. Поэтому броузеры интерпретируют их по-разному
и не в обязательном порядке, но другое дело, если стиль для всех этих
элементов определен в самой Web-странице.
<BASEFONT>
Элемент, определяющий базовый (основной размер шрифта). Внутри элемента
необходимо указать атрибут:
size=Базовый размер шрифта
Величина атрибута может лежать в пределах от 1 до 7. По умолчанию
используется величина 3. Установка, выполняемая этим элементом, имеет
значение для элемента FONT (см. ниже),который позволяет задавать
относительный размер шрифта.
<FONT></font>
Определение типа, размера и цвета шрифта. Все эти характеристики
определяются при помощи соответствующих атрибутов. Например, абсолютный
размер шрифта задается при помощи size (размер):
size=Абсолютный размер шрифта
Размер шрифта может задаваться относительно базового:
size=+Число
size=-Число
При назначении величины для size необходимо учитывать величину базового
размера. Обе они в сумме должны соответствовать одному из абсолютных
размеров. Так для базового размера, равного 3, относительный размер может
находиться в пределах от -2 до +4. Если величина выходит за допустимый
предел, то используется или шрифт размера 7, или шрифт размера 1.
Для элемента FONT можно использовать атрибут цвета:
color=’’цвет’’
Атрибут face (вид) не входит в спецификацию HTML 3.2., но у меня не
поднимается рука исключить его из рассмотрения, настолько он естественен и
полезен. Он позволяет задавать тип шрифта:
face=’’Название шрифта’’
Правда, есть одна проблема. Web-страницы просматривают множество людей,
и нет гарантии, что у каждого из них окажется нужный шрифт. Если в системе
не установлен шрифт точно с таким же названием, то броузер использует свой
стандартный. Он имеет два назначенных по умолчанию шрифта: один
пропорциональный, другой моноширинный.
За описание стиля некоторых элементов Web-страницы отвечает
<STYLE></style>(см. 2.1.)
На рис. 3.1. видно как изменится вид заголовка размера 2 после такого
переопределения. Естественно, что для каждого элемента существует стилевое
оформление по умолчанию, поэтому употребление STYLE необязательно.
Интересно, как синтаксис в HTML отражает историю развития
вычислительной техники. Например, старый, а теперь почти забытый элемент
BLINK напоминает о тех временах, когда использовались дисплеи, имевшие
только текстовый режим. При таком положении вещей мерцание текста (BLINK)
было, пожалуй, единственным доступным визуальным эффектом. В
противоположность этому, элемент STYLE, введенный совсем недавно, вызывает
ассоциации с программами для Windows, так как в них впервые появилось
стилевое оформление текста, которое теперь невероятно популярно и без него
уже немыслима работа в таких приложениях, как Word или Excel.3. Списки
Списки (list) были добавлены в HTML, несомненно, под влиянием успеха
текстовых редакторов. Список отличается от обычного текста прежде всего
тем, что пользователю не надо думать о нумерации его пунктов: эту задачу
берет на себя программа. Если список добавляется новыми пунктами или
укарачивается, нумерации корректируется автоматически. В случае
ненумерованных списков программа ставит перед каждым пунктом маркеры:
кружочки, прямоугольники, росбы или другие изображения. В результате список
принимает удобочитаемый, «фирменный вид». Теги для создания списков можно
условно разделить на две группы: одни определяют общий вид списка (и
позволяют использовать атрибуты), а другие задают его внутреннюю
сторуктуру. Существует несколько разновидностей списков.
<UL><LI></ul>
Самый простой ненумерованный список (unordered list). Его шаблон
представлен ниже:
<UL>
<LI> Пункт 1 списка
<LI> Пункт 2 списка
<LI> Пункт 3 списка
</ul><UL>
Элемент UL является своеобразным обрамлением списка. Он позволяет
отделять один список от другого. Элемент LI обозначает каждый из пунктов.
Вид ненумерованного списка показан на рис. 3.3.
Пункт 1 списка
Пункт 2 списка
Пункт 3 списка
Рис.3.3. Ненумерованный список.<OL><LI></ol>
Структура нумерованного списка похожа на предыдущую:
<OL type=’’I’’>
<LI> Пункт 1
<LI> Пункт 2
<LI> Пункт 3
<LI> Пункт 4
</ol>
Нумерованный список использует другой внешний тег: OL. В этом случае
каждый пункт нумеруется элементом упорядоченной последовательности:
арабскими или римскими числами, буквами латинского алфавита. На рис. 3.4.
показан пример списка, соответствующего приведенному выше листингу.
I. Пункт 1
II. Пункт 2
III. Пункт 3
IV. Пункт 4
Рис. 3.4. Нумерованный список.
Способ нумерации задается при помощи атрибута type. В табл. 3.1.
приведены все способы нумерации.
|Атрибут |Последовательность нумерации |
|type=’’1’’ |1, 2, 3, 4, … |
|type=’’i’’ |i, ii, iii, iv, … |
|type=’’I’’ |I, II, III, IV, … |
|type=’’a’’ |a, b, c, d, … |
|type=’’A’’ |A, B, C, D, … |Табл. 3.1. Значение атрибута type
Списки с определениями (definition lists) создаются при помощи тегов
трех видов:
<DL>
<DT> Пункт 1
<DD> Определение пункта 1
<DD> Другое определение пункта 1
<DT> Пункт 2
<DD> Определение пункта 2
<DT> Пункт 3
<DD> Определение пункта 3
</dl>
Наглядное представление ос писке с определениями дает рис. 3.5. Каждый
пункт списка может быть дополнен одним или несколькими блоками текста при
помощи тега (тегов) DD. Каждый блок автоматически размещается с новой
строки. Термин «определение» носит условный характер. Абзацы, размещенные в
списке, могут быть определениями, дополнениями, разъяснениями пунктов. По
сути, пункт представляет собой заголовок, а определение — произвольный
текст под заголовком.Пункт 1
Определение пункта 1
Другое определение пункта 1
Пункт 2
Определение пункта 2
Пункт 3
Определение пункта 3Рис.3.5. Список с определениями
Другой способ создания сложных списков — использование принципа
вложения. Каждый элемент, определяющий пункт списка, может содержать еще
один список. Вложенный список располагается с небольшим отступом вправо
относительно списка верхнего уровня. Каждый из списков может быть создан и
отлажен отдельно, а затем все составляющие могут быть объединены в один
большой список. В том случае, когда структура списка ясна, удобно
воспользоваться шаблоном. В нем должны быть указаны все пункты на всех
уровнях. Доработка такого шаблона сводиться к вписыванию конкретных строк
текста в соответствующие пункты. Ниже дан пример такого шаблона:
<UL>
<LI> Пункт 1
<OL>
<LI> Пункт 1.1
<LI> Пункт 1.2
</ol>
<LI> Пункт 2
<OL>
<LI> Пункт 2.1
<LI> Пункт 2.2
</ol>
<LI> Пункт 3
<OL>
<LI> Пункт 3.1
<LI> Пункт 3.2
</ol>
</ul>
В нем нумерованные списки размещены внутри пунктов ненумерованного
списка. Рис 3.6. дает представление о том, как выглядит такая конструкция.
— Пункт 1
1. Пункт 1.1
2. Пункт 1.2
— Пункт 2
1. Пункт 2.1
2. Пункт 2.2
— Пункт 3
1. Пункт 3.1
— Пункт 3.2
Мои работы:
www.baltnet.ru/wbas www.baltnet.ru/wbas/radio.htm
www.baltnet.ru/wbas/fith_av.htm business.fortunecity.com/koch/726
E-mail: [email protected]
————————
( Тег — стартовый или конечный маркеры элемента. Теги определяют границы
действия элементов и отделяют элементы друг от друга. В тексте Web-страницы
теги заключаются в угловые скобки,. А конечный всегда снабжается косой
чертой
[1] Броузер (browser) — программа для просмотра Web-страницы
[2] Тег (tag) — стартовый или конечный маркеры элемента. Теги определяют
границы действия элементов и отделяют элементы друг от друга. В тексте Web-
страницы теги заключаются в угловые скобки, а конечный тег всегда
снабжается косой чертой.
[3] Элемент (element) — конструкция языка HTML. Это контейнер, содержащий
данные и позволяющий отформатировать их определенным образом. Любой Web-
документ представляет собой набор элементов. Одна из основных идей
гипертекста — возможность вложения элементов.
[4] Атрибут (attribute) — параметр или свойство элемента. Это, по сути,
переменная, которая имеет стандартное имя и которой присваивается
определенный набор значений: стандартных или произвольных. Атрибуты
располагаются внутри стартового тега и отделяются друг от друга пробелами.
[5] WWW, World Wide Web — Всемирная Паутина, распределенная система доступа
к гипертекстовым документам, существующая в Internet.
[6] Гиперссылка — фрагмент текста, который является указателем на другой
файл или объект. Гиперссылки необходимы для того, чтобы обеспечить
возможность перехода от одного документа к другому.
[7] URL (Uniform Resource Locator) — адрес некоторого объекта в Internet
[8] Код HTML — гипертекстовый документ в своем изначальном виде, когда
видны все элементы и атрибуты, то есть, по сути дела, текстовый файл,
содержащий набор элементов HTML.
[9] сайт (site) — набор Web-страниц, принадлежащих одному владельцу.
[10] Пользовательский агент (user agent) — броузер или другая программа,
работающая на компьютере-клиенте.