Быстрый поиск

Реферат: Руководство по программированию на HTML

5. Возможно выделение текста с помощью уменьшенного и увеличенного шрифтов, для этого применяются контейнеры BIG и SMALL.

6. Если фрагмент текста должен быть показан как верхний индекс, то для его выделения используется контейнер SUP, а для нижнего индекса — SUB. Например, для того, чтобы записать y=x2, потребуется в HTML-текст поместить такую строчку: y=x2.

4.2. Физические стили

В отличие от логических, эти стили не оформляют текст по его назначению, а указывают внешний вид символов, отображаемых браузером:

1. Курсив. Текст, который должен быть выделен курсивом, помещается в контейнер ....

2. Полужирный — контейнер ....

3. Подчёркнутый — ....

4. Зачёркнутый — <S>...</s>.

5. Шрифт пишущей машинки (моноширинный) — <TT>...</tt>.

Если требуется применить к тексту сразу два физических стиля, то можно один контейнер вложить в другой, например: Полужирный курсив.

4.3. Горизонтальное выравнивание текста

По умолчанию браузеры выравнивают текст по левому краю окна. Иногда, тем не менее, требуется поместить фрагмент текста по центру или по правому краю окна. В первом случае для центрирования текста (или других объектов) достаточно поместить фрагмент внутрь контейнера CENTER.

Если нужно указать левое или правое выравнивание, то можно использовать дополнительные возможности тега , например: Правое выравнивание. Здесь дополнительный элемент ALIGN тега P называется атрибутом, а RIGHT — значением атрибута. Вообще говоря, теги могут содержать несколько атрибутов, разделённых пробелами, бывают атрибуты без значений (например: <FRAME SRC="f1.html" NORESIZE>, в этом теге есть атрибут NORESIZE, для которого не требуется значение).

Кроме значения RIGHT у атрибута ALIGN есть, очевидно, и значение LEFT. Установленное в теге выравнивание будет действовать на протяжении всего абзаца, до тех пор, пока не встретится тег или следующий тег .

Атрибут ALIGN поддерживается не только для тега абзаца, но и для тегов всех шести заголовков (<H1>, ... <H6>), в результате заголовок будет выровнен по вашему желанию. Его действие распространяется только до соответствующего закрывающего тега (</h1>, ... </h6>).

4.4. Управление размером шрифта

На нашем уровне владения языком HTML возможно управление размером букв только с использованием заголовков разного уровня, однако существует возможность указывать размер шрифта явным образом.

В HTML размер текста задаётся целым числом от 1 до 7 (1 — самый мелкий, 7 — самый крупный). По умолчанию основной текст страницы имеет размер 3. Для того чтобы задать другой основной размер, нужно использовать тег <BASEFONT>. В атрибуте SIZE этого тега указывается новый размер основного шрифта. Такой размер будет установлен для текста, находящегося после тега <BASEFONT>. Пример: <BASEFONT SIZE=5>Это текст размера 5.

При необходимости можно для части текста заказать другой размер шрифта с помощью тега у которого также есть атрибут SIZE. Этот тег может использоваться и как парный (тогда размер будет применён до закрывающего тега ), и как непарный (размер применяется до следующего тега или <BASEFONT>).

Отличие тега от <BASEFONT> состоит в следующем: в атрибуте SIZE тега можно указывать увеличение или уменьшение размера шрифта относительно размера основного текста страницы. Для этого используются знаки «+» и «-». Например, запись значит «установить размер шрифта на 2 больше основного», а означает «на 1 меньше».

4.5. Управление цветом и гарнитурой шрифта

Кроме размера шрифта тег позволяет задать цвет символов и выбрать гарнитуру (то есть способ начертания букв из числа установленных в операционной системе вариантов). Для этого используются атрибуты COLOR и FACE.

В качестве значения для атрибута COLOR можно указывать:

1. Одно из стандартных названий цвета в кавычках, а именно: BLACK, NAVY, SILVER, BLUE, MAROON, PURPLE, RED, FUCHSIA, GREEN, TEAL, LIME, AQUA, OLIVE, GRAY, YELLOW, WHITE;

2. Числовой код цвета, состоящий из интенсивностей трёх цветов: красного, зелёного и синего. Он задаётся в следующем виде: COLOR="#RRGGBB", где вместо букв RR, GG и BB нужно записывать количество красной, зелёной и синей «краски» соответственно. Эти количества записываются в виде шестнадцатеричных чисел от 00 до FF (в десятичной системе это интервал от 0 до 255). Например, если нужно получить оранжевый цвет текста, можно указать COLOR="#FF8000".

В качестве значений для атрибута FACE в кавычках указывают название шрифта, например: FACE="Arial Cyr".

Пример использования известных нам атрибутов тега :

... ТЕКСТ ... .

4.6. Управление разбиением текста на строки

Как нам уже известно, браузер автоматически переносит текст на новую строку, как только текст достигнет правого края окна. Для того чтобы «досрочно» сделать перенос строки мы можем использовать теги или .

В некоторых случаях предпочтительнее позволить тексту выйти за пределы видимой части окна, чем позволить ему оказаться в разных строках. Чтобы запретить автоматический переход на новую строку нужно поместить соответствующий фрагмент текста в контейнер NOBR. Внутри этого контейнера можно указать те места, в которых всё-таки можно перейти на новую строку, это делается с помощью тега .

Пример использования и :

Этот текст не может быть разбит браузером на строки автоматически. Мы разрешим ему сделать перенос только после этого предложения. А этот фрагмент также запрещено разрывать.

4.7. Вставка специальных символов в документ HTML

Некоторые символы невозможно показать в окне браузера, просто набрав их в текстовом редакторе. К ним относятся, например знаки «<» и «>», поскольку их браузер считает символами начала и конца тегов. Если всё-таки возникла необходимость показать такие специальные символы, то их заменяют такой последовательностью: сначала пишут знак амперсанда (&), затем буквенное обозначение спецсимвола, а в конце — точку с запятой. Для знаков «<» и «>» используются буквенные обозначения «lt» и «gt» (less than — больше, чем ...; greater than — больше, чем ... ). Например если нужно показать в браузере «A>B», то в тексте HTML будем записывать: «A<B».

Понятно, что символ «&» также невозможно записать напрямую, вместо этого записывают «&». Для записи двойной кавычки используется код «&quot». Существует много специальных символов, которые невозможно набрать с клавиатуры (в частности, буквы из других алфавитов), их коды можно найти в справочной литературе.

5. Списки

Довольно часто в тексте html-документа приходится перечислять какие-либо объекты или давать определения понятий. В таких случаях можно пользоваться средствами HTML для организации списков. Списки существуют не только в языке HTML, но и во многих текстовых редакторах. В HTML имеется 3 вида списков:

1. Нумерованный список. Каждый элемент такого списка имеет номер, который браузер проставит автоматически. По умолчанию первый элемент списка имеет номер 1, второй — 2 и т.д. Для вставки нумерованного списка нам потребуется контейнер OL (ordered list — нумерованный список), внутри которого можно перечислять элементы списка. Перед тем как записывать очередной элемент списка, нужно вставлять непарный тег <LI> (list item — элемент списка). Общая структура списка имеет такой вид:

<OL>

<LI>Первый элемент

<LI>Второй элемент

…

<LI>Последний элемент

</ol>

Простейший пример нумерованного списка на web-странице можно найти в файле Lists\OL1.html.

Для нумерованных списков возможна настройка способа нумерации элементов. Кроме арабских цифр можно использовать римские, а также большие или малые латинские буквы. Для указания способа нумерации используется атрибут TYPE тега <OL>. Этот атрибут может принимать одно из четырёх значений: 1 — арабские цифры, i или I — римские цифры, a — малые латинские буквы, A — большие латинские буквы. Пример использования атрибута TYPE имеется в файле Lists\OL2.html.

При необходимости можно начинать нумерацию элементов списка не с 1, а с произвольного номера. Чтобы указать начальный номер в списке, используют атрибут START тега <OL>, например: <OL TYPE=1 START=5> (первый номер — 5). Этот атрибут работает только в случае нумерации арабскими цифрами.

2. Маркированный список. Иногда нумерация бывает не важна, но выделить для читателя отдельные элементы списка необходимо. В этом случае перед каждым элементом списка ставится небольшой значок (маркер), обычно это круг, квадрат и т. п. Такие списки создаются с помощью контейнера UL (unordered list — ненумерованный список), внутри которого также как для нумерованных списков перечисляются элементы с помощью тегов <LI>.

Тип маркера указывается в атрибуте TYPE тега <UL>. Возможно 3 вида маркеров: DISC — круг, CIRCLE — окружность, SQUARE — квадрат. При необходимости можно заказать для отдельного элемента списка маркер, отличающийся от других. Для этого атрибут TYPE нужно применять в теге <LI> перед соответствующим элементом списка.

Страницы: 1, 2, 3