Кафедра графического дизайна и анимации
Каталог статей
Главная » Статьи » Html Css » Html |
Форматирование текста Согласно определению HTML служит в качестве языка описания документа. Во многих HTML-командах предусмотрена возможность управления форматом текста. Фиксированное (физическое) форматирование задается посредством типографских дескрипторов. С их помощью можно явным образом задать, например, полужирное и курсивное начертание или даже глобальное изменение типа шрифта и его размера (многие броузеры корректно интерпретируют такие глобальные указания). Настраиваемое (логическое) форматирование определяет вид фрагмента текста в соответствии с его функцией. Каким образом это форматирование будет отображено на экране, полностью зависит от используемого броузера и его настройки. Текстовые блоки Формат текстовых блоков задается с помощью настраиваемого (логического) форматирования. Применяя разнообразные форматы к разным блокам текста, можно выделить смысловые фрагменты текста, оформить цитаты, центрировать заголовки и сдвинуть вправо эпиграфы. При этом Web-броузеры интерпретируют заданный формат в точности так, как указано. В большинстве случаев броузер заботится также о выборе расстояний между текстовыми блоками и другими HTML-элементами. Заголовки Форматирование заголовков всех типов производится посредством дескрипторов <h1> соответствует верхнему уровню в иерархии заголовков, <h6> - нижнему. Дескрипторы от <h1> до <hЗ> действительно пригодны для форматирования заголовков, так как они позволяют однозначно выделить их размером и форматом среди текущего текста: <h1> чаще всего используется для заголовка Web-страницы. <h2> находит применение для выделения первого уровня в иерархической структуре данной страницы. Дескрипторы от <h4> до <h6> задают размер шрифта, равный (или меньше) размеру шрифта текущего текста. Дескриптор <h6> (иногда и <h5>) служит, прежде всего, для вставки информации о «копирайте» или примечания автора в конце страницы, позволяя отобразить их самым мелким шрифтом. Для форматирования заголовков допускается использование атрибута align: align=”left” позволяет расположить заголовок выровненным по левому краю. align=”center” центрирует заголовок. align=”right” смещает заголовок к правому краю области текста. align=”justify” выравнивает заголовок теста по всей ширине области. Пример: <h1 align=”center”>Заголовок</h1> Форматирование текста В настоящее время почти все Web-броузеры способны работать с графикой. Это сказывается не только на возможности отображения иллюстраций и графических объектов, но и на разнообразии доступных способов оформления текста, в особенности при использовании масштабируемых шрифтов. Полужирный шрифт Дескриптор <b> позволяет отобразить текст полужирным шрифтом. Полужирный шрифт - это типографский эквивалент логического дескриптора <strong> - усиленного выделения. Пример: <body> <b>Полужирный шрифт</b> - широко используемый способ оформления! </body> Курсивное начертание Логическим эквивалентом типографского дескриптора курсивного шрифта <i> является простое выделение с помощью <em>. В <i> позволяет изобразить текст в курсивном начертании; некоторые броузеры в качестве альтернативного способа интерпретации этого дескриптора предлагают другие способы выделения, например, инверсию цвета. Пример: <body> Шрифт с наклоном вправо называют <i>курсивом</i>. </body> Пишущая машинка
В недавнем прошлом для вывода на экраны (и символьные печатающие устройства) систем передачи данных традиционно использовался непропорциональный шрифт, в котором все буквы имели одинаковую ширину. Это позволяло легко выполнять табуляцию, не привлекая для этого специальные средства обработки текста. Кроме того, этот шрифт знаком многим как шрифт, используемый на пишущих машинках. Текст, расположенный между <tt> и </tt> - это текстовой фрагмент с символами одинаковой ширины. Пример: <body> Используемый в большинстве систем по умолчанию шрифт является пропорциональным, т.е. ширина, например, буквы "Ж" больше ширины цифры "1". <br><br> <tt> А в шрифте с фиксированной шириной символов любой символ имеет одну и ту же ширину (упрощается создание таблицы!!).</tt> </body> Подчеркнутый текст Текст можно подчеркнуть. Соответствующий текстовой фрагмент выделяется посредством дескрипторов <u> и </u>. Следует избегать использования подчеркивания произвольных фрагментов текста с помощью дескриптора <u>, так как адресные ссылки в HTML-документах отображаются подчеркнутыми. Пример: <body> <u>Подчеркивание текста ...</u> <br><br> ... следует применять с осторожностью, чтобы пользователь не спутал его с <а href="address.html">адресной ссылкой</а>. </body> В стандарте HTML 4.0 тег <u> относится к числу не рекомендуемых к применению (в последующих версиях стандарта может быть отнесен к устаревшим и вышедшим из употребления). Рекомендуется вместо него применять каскадные таблицы стилей (Cascading Style sheets). Перечеркнутый текст При редактировании текста исправления, как правило, вводятся путем перечеркивания неверного слова и записи другого вместо него. Большинство броузеров позволяют отобразить текст перечеркнутым с помощью дескриптора <strike>. Текст, выделенный посредством <strike> и </strike> изображается перечеркнутым. Пример: <body> <strike>Перечеркнутый текст… </strike> </body> В стандарте HTML 4.0 тег <strike> относится к числу не рекомендуемых к применению (в последующих версиях стандарта могут быть отнесены к устаревшим и вышедшим из употребления). Рекомендуется вместо них применять каскадные таблицы стилей (Cascading Style sheets). Нижние индексы Для математических формул или элементов сносок часто необходимо располагать числа или буквы ниже основной позиции строки в виде индекса. Текст, выделенный парой дескрипторов <sub>... </sub>, будет опущен на полстроки ниже, однако будет изображаться шрифтом того же размера, что и обычный текст. Пример: <body> Математические<sub>формулы</sub> могут выглядеть так: a=x<sub>3</sub> </body> Верхние индексы При составлении математических формул, а также для указания на сноски или ссылки, часто необходимо располагать числа и другие символы выше основной позиции строки, в виде степени. Текст, начинающийся с <sup>, будет поднят на полстроки выше, однако будет изображаться шрифтом того же размера, что и обычный текст. Пример: <body> Математические<sub>формулы</sub> могут выглядеть так: e=Mc<sub>2</sub> </body> Изменение шрифта Тег <font> позволяет изменить для фрагмента текста размер и цвет и гарнитуру шрифта по отношению к стандартному. Основные атрибуты данного тега: color=”цвет” face=”название шрифта” size=”размер шрифта” Атрибут color задает цвет шрифта: Значение color=”цвет” задается как шестнадцатеричный код трехбайтного RGB-цвета (например, «0A23FA») или имя одного из 16-ти предлагаемых по умолчанию цветов (например, Aqua). Атрибут face задает шрифт: В качестве значения для атрибута font вы можете указать броузеру Internet Explorer (или Netscape) один или несколько разделенных запятой видов шрифта, которые броузер ищет в локальной системе и использует в окне броузера для представления выделенного текста. Если ни один из перечисленных в качестве значений атрибута font шрифтов не доступен, используется стандартный шрифт. Атрибут size задает размер шрифта: size=n используется для задания абсолютного размера между 1 и 7. size=+n|-n увеличивает или уменьшает шрифт относительно основного размера. Пример: <body> <font size=”6”>Б</font><font size=2>уквица</font> <font size=”2”><font size=”+4”>Б</font>уквица</font> </body> В стандарте HTML 4.0 тег <font> относится к числу не рекомендуемых к применению (в последующих версиях стандарта может быть отнесен к устаревшим и вышедшим из употребления). Рекомендуется вместо него применять каскадные таблицы стилей (Cascading Style sheets). | |
Категория: Html | Добавил: jvt (15.09.2009) | |
Просмотров: 4778 | Рейтинг: 0.0/0 | |
Всего комментариев: 0 | |