Студопедия Главная Случайная страница Обратная связь

Разделы: Автомобили Астрономия Биология География Дом и сад Другие языки Другое Информатика История Культура Литература Логика Математика Медицина Металлургия Механика Образование Охрана труда Педагогика Политика Право Психология Религия Риторика Социология Спорт Строительство Технология Туризм Физика Философия Финансы Химия Черчение Экология Экономика Электроника

Использование шрифтов в документах





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

А знаете ли вы о технологии внедрения шрифтов в Web-страницы? Существуют технологии внедрения необходимых разработчику шрифтов в Web-страницы. У Microsoft это технология Embedded fonts, а у их конкурентов Netscape, это называется Dinamic fonts. Оба подхода примерно одинаковы, но форматы шрифтов (OpenType и TrueDoc), а так же утилиты для их создания, упаковки и внедрения в документы различаются.

Для определения шрифта текста в HTML документах применяется контейнер <FONT>...</FONT>; и одиночный тег <BASEFONT>;.

Тег <BASEFONT>; задает базовые параметры шрифта, общие для всего документа. Действие базовых установок может быть отменено атрибутами нового тега <BASEFONT>;.

Kонтейнер <FONT > применяется для изменения параметров шрифта отдельных элементов документа, которые необходимо отобразить шрифтом отличным от базового. Действие его атрибутов ограничивается фрагментом документа, заключенным в данный контейнер, и он может быть вложенным по отношению к другим тегам форматирования текста.

Для задания характеристик шрифта в тегах <FONT>...</FONT>; и <BASEFONT>; используются следующие атрибуты:

  • FACE - Задает имя шрифта (или перечня шрифтов - по мере убывания предпочтения) на компьютере пользователя. В случае отсутствия текст отображается шрифтом, заданным по умолчанию в броузере пользователя. Например:

<FONT FACE="Arial">Пример Arial</FONT> - Пример Arial

  • SIZE - абсолютный или относительный размер шрифта. Относительный размер это размер шрифта относительно стиля Normal (SIZE=3) или размера заданного тегом <BASEFONT>;. Минимальное абсолютное значение размера шрифта 1, максимальное 7. Например:

<FONT SIZE=4>4 абсолютный шрифт</FONT> - 4 абсолютный шрифт

<FONT SIZE=+1>4 относительный шрифт</FONT> - 4 относительный шрифт

  • COLOR - цвет шрифта. Например:

<FONT COLOR=RED>Красный шрифт</FONT> - Красный шрифт

<FONT COLOR=#FF0000>Красный шрифт</FONT> - Красный шрифт

Полученные в данном разделе навыки, по форматированию текста, закрепим конкретным примером:

Пример 3. Формирование текста. [просмотр примера в окне]

<HTML>
<HEAD>
<TITLE>Форматирование текстовых данных</TITLE>
</HEAD>
<BODY BGCOLOR ="WHITE", TEXT="BLACK", LINK="BLUE", ALINK="RED", VLINK="NAVY" >
<BASEFONT FACE="Times New Roman","Arial" SIZE=4>
<H1 ALIGN=CENTER>АНЕКДОТЫ</H1>
<HR SIZE=5 COLOR=BLACK>
<FONT SIZE=+2><U>Анекдот 1</U></FONT>
<P>
Программист едет в трамвае, читает книгу.<BR>
Старушка смотрит на программиста, смотрит на книгу, крестится <BR>
и в ужасе выбегает на следующей остановке.<BR>
Программист читал книгу <DFN>"Язык Ада"</DFN>.
</P>
<FONT SIZE=+2><U>Анекдот 2</U></FONT>
<P>
Программист ставит себе на тумбочку перед сном два стакана. <BR>
Один с водой - на случай, если захочет ночью пить.<BR>
А второй пустой - на случай, если не захочет.
</P>
<FONT SIZE=+2><U>Анекдот 3</U></FONT>
<P>
Программист заходит в лифт, нажимает клавишу с номером этажа<BR>
и мучительно ищет клавишу <KBD>"enter"</KBD>.
</P>
<HR SIZE=5 COLOR=BLACK>
<P ALIGN=CENTER>&copy 2001 Вебмастер
<A HREF="mailto:myname@mail.ru">Попробуй связаться со мной</A>
</BODY>
</HTML>

В заключении следует отметить, что теги управления шрифтами, в последних спецификациях HTML, объявлены выведенными из употребления. На смену данным тегам пришли свойства шрифтов (font-family, font-size, font-style, font-variant, font-weight) из листов стилей CSS (См. раздел 3.6.).

Та же участь постигла и некоторые теги форматирования символов. Они заменены свойствами текста CSS (например тег <U>...</U> заменен свойством text-decoration:underline, а тег <STRIKE>...</STRIKE> заменен свойством text-decoration:line-through).







Дата добавления: 2015-03-11; просмотров: 418. Нарушение авторских прав; Мы поможем в написании вашей работы!




Расчетные и графические задания Равновесный объем - это объем, определяемый равенством спроса и предложения...


Кардиналистский и ординалистский подходы Кардиналистский (количественный подход) к анализу полезности основан на представлении о возможности измерения различных благ в условных единицах полезности...


Обзор компонентов Multisim Компоненты – это основа любой схемы, это все элементы, из которых она состоит. Multisim оперирует с двумя категориями...


Композиция из абстрактных геометрических фигур Данная композиция состоит из линий, штриховки, абстрактных геометрических форм...

Тема 5. Организационная структура управления гостиницей 1. Виды организационно – управленческих структур. 2. Организационно – управленческая структура современного ТГК...

Методы прогнозирования национальной экономики, их особенности, классификация В настоящее время по оценке специалистов насчитывается свыше 150 различных методов прогнозирования, но на практике, в качестве основных используется около 20 методов...

Методы анализа финансово-хозяйственной деятельности предприятия   Содержанием анализа финансово-хозяйственной деятельности предприятия является глубокое и всестороннее изучение экономической информации о функционировании анализируемого субъекта хозяйствования с целью принятия оптимальных управленческих...

Тема 2: Анатомо-топографическое строение полостей зубов верхней и нижней челюстей. Полость зуба — это сложная система разветвлений, имеющая разнообразную конфигурацию...

Виды и жанры театрализованных представлений   Проживание бронируется и оплачивается слушателями самостоятельно...

Что происходит при встрече с близнецовым пламенем   Если встреча с родственной душой может произойти достаточно спокойно – то встреча с близнецовым пламенем всегда подобна вспышке...

Studopedia.info - Студопедия - 2014-2025 год . (0.013 сек.) русская версия | украинская версия