специальные символы и формирование текста
Специальные символы
Вставка спецсимволов
Иногда возникает необходимость в использовании символа, которого нет на
клавиатуре. Как быть в этом случае? Для этого существуют специальные символы,
состоящие из знаков амперсанда (&), фунта (#), числового кода и точки с
запятой (;). Либо из амперсанда, наименования символа и точки с запятой (;).
Средства вставки специальных символов пригодятся, когда необходимо
использовать в тексте один из "служебных" знаков, применяемых при проектировании
html-страниц, например символ угловой открывающей скобки, который воспринимается
браузером в качестве начала дескриптора. http://cyrsoro8.ucoz.ru/
Таблица часто используемых спецсимволовФорматирование текста ч.1
Предварительное форматирование текста
Выделение фрагментов текста
Предварительное форматирование текста
Вэб-браузеры игнорируют пустые строки и избыточные пробелы внутри текста
страницы. Дескриптор <PRE> указывает браузеру
сохранять в неприкосновенности пустые области текста страницы.
Браузер отображает подобный предварительно отформатированный текст с помощью
моноширинных шрифтов. Что такое моноширинный шрифт?
Это шрифт, в котором под каждую букву отводится область одинакового размера.
Поэтому, используя предварительное форматирование, удобно сразу пользоваться
одним из моноширинных шрифтов, например Courier. Тогда сразу будет видно, как
текст будет располагаться на экране в окне браузера.
При обработке тэга <PRE>, браузер отображает
текст, заключенный в этот тэг, точно так, как он набран - не удаляя избыточных
пробелов и переносов. Следует помнить, что слишком длинные строки могут не
уместиться в пределах окна.
Удобно пользоваться предварительным форматированием для создания простых
таблиц.
Пример:
|
HTML-код:
<pre>
У попа была собака,
Он ее любил,
Она
съела кусок мяса
Он ее убил. </pre> |
Отображение в браузере:
У попа была собака,
Он ее любил,
Она съела кусок мяса
Он ее убил.
|
Выделение фрагментов текста
Для придания фрагменту текста смыслового значения очень удобно использовать
средства изменения начертания шрифта.
Для выделения текста полужирным шрифтом используется тэг <B> или <STRONG>,
для выделения курсивом - <I> или <EM>, для подчеркивания текста - <U>, для зачеркивания текста - <STRIKE>. Фрагменты полужирного или курсивного текста
используют для ввода новых терминов, выражения важных мыслей. С подчеркиванием
текста надо быть очень осторожным, т.к. в Интернете таким образом принято
выделять гиперссылки.
Тэг <CENTER> позволяет центрировать текст на
странице по горизонтали. Это удобно для выделения наименований или
заголовков.
HTML позволяет одновременно применять несколько дескрипторов, предназначенных
для изменения начертания шрифта. Однако в этом случае необходимо следить, чтобы
завершающие дескрипторы, содержащие символ косой черты, вводились в обратном
порядке.
Для преобразования текста в надстрочный индекс применяют тэг <SUP>, для подстрочного индекса - <SUB>. Эти тэги пригодятся при вводе математических
текстов, химических формул, научных статей, построении сносок и т.д. Обычно
индексы отображаются шрифтом меньшего размера по сравнению с основным. Это
обстоятельство следует учитывать при выборе размера основного шрифта, т.к. при
малом размере индексы могут быть просто не видны.
|
p><strong>Жирный текст</strong></p>
<p><em>Курсив</em></p>
<p><u>Подчеркнутый
текст</u></p>
<p><strike>Зачеркнутый
текст</strike></p>
<center>Центрирование</center>
<p><strong><em>Жирный
курсив</em></strong></p>
<p>Верхний
<sup>индекс</sup></p>
Форматирование текста ч.3
Поля страницы
Моноширинные шрифты
Блоки цитат
Поля страницы
Поле - это полоса чистого пространства между воображаемой рамкой, в которую
заключено содержимое страницы, и границами окна браузера. Поля позволяют придать
странице аккуратный внешний вид.
В IE 5.0 используются следующие атрибуты для задания полей страницы:
LEFTMARGIN - левой поле
RIGHTMARGIN - правое поле
TOPMARGIN - верхнее поле
BOTTOMMARGIN - нижнее поле
По умолчанию размер полей равен, примерно, 10 пикселям.
Моноширинные шрифты
Для отображения моноширинных шрифтов используются тэги <TT> <CODE> <KBD> <SAMP>. При этом
каждому символу строки отводится одинаковое пространство.
Дескриптор <TT> наиболее часто используется
и служит для выделения отдельных слов или фраз текста.
Дескриптор <CODE> применяют для выделения
программных инструкций.
Дескриптор <KBD> полезен для выделения
фрагментов текста, который должен быть введен пользователем.
Дескриптор <SAMP> часто используют для
обозначения текстов примеров.
Пример:
|
HTML-код:
<p>Основной текст основной текст
основной текст </p>
<p><tt>Этот текст заключен в
тэг TT</tt></p>
|
Отображение в браузере:
Основной текст основной текст основной текст
Этот текст заключен в тэг TT |
Блоки цитат
Для создания блоков цитат применяют тэг <BLOCKQUOTE>. При этом цитата отображается с
дополнительными отступами.
Если надо сформировать короткую цитату внутри абзаца, можно использовать тэг
<Q>. Фрагмент текста в этом случае будет
заключен в двойные кавычки.
Пример:
|
HTML-код:
<p>Основной текст основной текст
основной текст основной текст</p>
<p><blockquote>Блок цитат
блок цитат Блок цитат блок цитат Блок цитат блок
цитат</blockquote></p>
|
Отображение в браузере:
Основной текст основной текст основной текст основной текст
Блок цитат блок цитат Блок цитат блок цитат Блок цитат блок
цитат | |
Отображение в браузере:
Жирный текст
Курсив
Подчеркнутый текст
Зачеркнутый текст
Центрирование
Жирный курсив
Верхний индекс Форматирование текста ч.2
Выбор шрифта
Изменение размера шрифта
Выбор цвета шрифта
Изменение цвета фона
Выбор шрифта
Для изменения шрифта служит тэг <FONT> с
атрибутом FACE. Можно указывать шрифт по названию (Arial, Tahoma, Verdana) или
типу(например, monospace). Желательно перечислить несколько имен шрифта, чтобы
избежать ситуации, когда окажется, что требуемый шрифт не установлен у
пользователя. Рекомендую "забить" хотя бы один из общепринятых шрифтов (например
Arial). Не рекомендую на одной странице применять более 2-3 различных шрифтов,
иначе страница будет смотреться аляповато и непрофессионально.
Пример:
|
HTML-код:
<p><font face="Times New Roman,
Arial">У попа была собака, ОН ЕЕ ЛЮБИЛ</p>
<p><font face="Monotype Corsiva,
Arial">Она съела кусок мяса, ОН ЕЕ УБИЛ</p>
|
Отображение в браузере:
У попа была собака, ОН ЕЕ
ЛЮБИЛ
Она съела кусок мяса, ОН ЕЕ
УБИЛ |
Изменение размера шрифта
Для изменения размера шрифта используют атрибут SIZE. Чем крупнее шрифт, тем
более легким для восприятия становится текст. Однако, мелкий шрифт позволяет
уместить в пределах экрана больший объем информации. Используя данный атрибут с
тэгом <BASEFONT> , вы можете изменить размер
текста вэб-страницы целиком. Применяя атрибут SIZE совместно с тэгом <FONT>, можно воздействовать на внешний вид
отдельного фрагмента текста. Доступно 7 размеров шрифтов. Самый малый
обозначается цифрой 1, а самый крупный - 7.
Изменять шрифт можно с помощью тэгов <BIG> и
<SMALL>. <BIG>
укрупняет шрифт указанного фрагмента по отношению к предыдущему тексту, а <SMALL>, соответственно, уменьшает.
Меняя размер отдельных букв, можно добиться интересных эффектов. Например,
таким образом можно получить буквицу - укрупненную прописную букву начала
абзаца.
Пример:
|
HTML-код:
<p><font size="1">Шрифт
размера 1</font></p>
<p><font size="2">Шрифт
размера 2</font></p>
<p><font size="3">Шрифт
размера 3</font></p>
<p><font size="4">Шрифт
размера 4</font></p>
<p><font size="5">Шрифт
5</font></p>
<p><font size="6">Шрифт
6</font></p>
<p><font size="7">Шрифт
7</font></p>
<p><font
size="6">У</font>тро красит нежным светом</p>
<p><font
size="+2">С</font>тены <small>старого</small>
<big>Кремля</big></p>
|
Отображение в браузере:
Шрифт размера 1
Шрифт размера 2
Шрифт размера 3
Шрифт размера 4
Шрифт 5
Шрифт 6
Шрифт 7
Утро красит нежным светом
Стены старого
Кремля |
Выбор цвета шрифта
Отображение участков текста Вэб-страницы шрифтами разного цвета придает ей
привлекательность.
Используя атрибут TEXT в контексте тэга <BODY>, можно изменить цвет текста вэб-страницы
целиком. Применение же атрибута COLOR с тэгом <FONT> (обладает более высоким приоритетом) позволяет
взаимодействовать на внешний вид отдельного фрагмента текста.
Чтобы изменить цвет текста, надо знать наименование цвета, либо его
шестнадцатеричный код. Код состоит из символа фунта # и числа, представляющего
интенсивность красной, зеленой и синей составляющих цвета. По имени можно
сослаться только на 16 стандартных цветов. Наим-е
цвета Код
aqua ##00FFFF
black ##000000
blue ##0000FF
fuchsia ##FF00FF
gray ##808080
green ##008000
lime ##00FF00
maroon ##800000
navy ##000080
olive ##808000
purple ##800080
red ##FF0000
silver ##C0C0C0
teal ##008080
white ##FFFFFF
yellow ##FFFF00
Пример:
|
HTML-код:
<p><font
color="#ff0000">Красный цвет</font></p>
<p><font color="blue">Синий
цвет</font></p>
|
Отображение в браузере:
Красный цвет
Синий цвет |
Изменение цвета фона
Атрибут BGCOLOR дает возможность явного указания цвета фона вэб-страницы.
Цвет фона задается аналогично цвету текста (именем или кодом).
Пример:
|
HTML-код:
<BODY BGCOLOR="#00FF00">
</BODY>
|
Отображение в браузере:
| |
|
|