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

2. Символы перехода на новую строку игнорируются, а точнее заменяются пробелом. Браузер выполняет перевод строки автоматически в тот момент, когда строчка достигает правого края окна.

3. Если есть необходимость вставить в каком-либо месте в тексте принудительный перевод на новую строку, то можно использовать непарный тег <BR>. Он разрывает текущую строку, а текст, следующий за этим местом в HTML-файле, продолжает с новой строки.

4. Кроме тега разрыва строки имеется тег начала нового абзаца, <P> (от слова paragraph — абзац). Отличие его от <BR> состоит в том, что тег абзаца кроме разрыва строки вставляет новую пустую строку. Обычно он используется как непарный, хотя не запрещено ставить в конце абзаца закрывающий тег </p>.

5. Если нужно сохранить все пробелы и символы перевода строки, которые записаны в HTML-файле, то соответствующую часть текста можно поместить в контейнер <PRE> . . . </pre>.

4.1. Логические стили для оформления текста

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

1. Контейнер <H1> . . . </h1>. Сюда помещают те фразы, которые служат заголовками первого уровня, то есть, наиболее важные заголовки (например названия глав в книге). Внешне они чаще всего выглядят как текст увеличенного размера и полужирного начертания. Кроме этого контейнера есть и контейнеры H2, H3, ... H6, позволяющие использовать ещё пять уровней заголовков.

2. <ADDRESS> . . . </address>. Этот контейнер позволяет особо оформить адрес (почтовый, адрес сайта, электронной почты и т. д.).

3. Контейнеры STRONG (усиленное выделение) и EM (от англ. emphasis — акцент). Сюда помещают текст, содержащий важные мысли, термины и т. п. Стиль STRONG обычно отображается браузерами с использованием полужирного начертания, а EM — курсивом.

4. Для записи текстов программ и текста, введённого с клавиатуры, можно использовать три контейнера: CODE (код программы), SAMP (sample — пример) и KBD (keyboard — клавиатура). Все они могут отображаться по-разному, но общее у них — использование моноширинного шрифта (например, Courier), все буквы в котором имеют одинаковую ширину. Такой шрифт позволяет разным строчкам не смещаться относительно друг друга, символы с одинаковым номером в строке всегда находятся на одной вертикальной прямой.

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

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

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

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

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

2. Полужирный — контейнер <B>...</b>.

3. Подчёркнутый — <U>...</u>.

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

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

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

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

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

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

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

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

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

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

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

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

К-во Просмотров: 250
Бесплатно скачать Реферат: Руководство по программированию на HTML