HTML. Параметры шрифта

Цель работы: изучение дескрипторов форматирования шрифтов и приобретение умения задания типа шрифта и умения применения специальных символов в документах WEB.

Спецификация HTML предусматривает набор кодов, соответствующих специальным символам, которые можно включить в текст WEB – страницы. Это позволяет воспользоваться многими необычными символами, такими как, например, математические обозначения, которые нельзя ввести с клавиатуры напрямую.

При необходимости вставки специального символа вы должны указать его числовой или мнемонический код (см. рис. 6-1). Числовой код состоит из знаков амперсанда (&), фунта (#), номера символа и точки с запятой (;). Мнемонический код включает в себя знак амперсанда, наименование символа и точку с запятой. Средства вставки специальных символов полезны, в частности, в тех ситуациях, когда Рис. 6-1. Вставка специальных символов.

необходимо использовать в тексте один из " служебных"
знаков, применяемых при проектировании
Web-страниц, — скажем, знаки <, >, " или &, которые
броузер обрабатывает специальным образом (на-
пример, символ угловой открывающей скобки, <,
обычно воспринимается в качестве начала дескриптора).

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

Ход работы:

1. Ознакомиться с данной инструкцией.

2. Вызовите броузер WEB щелчком «мыши» по иконке.

3. В меню “файл→ открыть” откройте файл, созданный в лабораторной работе №2.

4. Наберите ниже приведенный текст (набранный ранее в шаблоне, созданном в лабораторной работе № 5 «Калоев HTML. Лаб. 5») в графическом редакторе Блокнот.

5. Документ HTML, поддерживающий форматирование абзаца, должен содержать описательный элемент < P>. В итоге, документ HTML будет выглядеть следующим образом:

< html>

< TITLE> Моя первая проба сил в HTML< /TITLE> <! -- тег названия страницы-->

< head> ПРОБА - ШАБЛОН< /head> <! -- тег заголовков-->

< body>

< Hl> < CENTER> < FONT FACE=”Arial, Times New Roman Cyr”> МОЯ ПОЭТИЧЕСКАЯ СТРАНИЧКА< /CENTER> < /Hl>

< BR> < ALIGN=" left" > & #169; 2005-09-08 Калоев Николай< /BR>

< BR> Я люблю стихи, в том числе и собственного сочинения.

Можете прочесть, вот одно из последних. Э-э-э-э... Эти удались, особенно финал: < /BR>

< PRE>

Мораль сей басни такова

Хоть стой, хоть ляг, хоть встань.

Как сплетнику нужна молва

И как певцу - слова,

И как огню нужны дрова,

Как к чаю сладкая халва,

Как к пиву мелкая плотва

Так нужен WEB-дизайн!

< /PRE>

< /body>

< /html>

6. Сохраните набранный текст под тем же расширением «.html» в отдельной папке в корневом каталоге или в папке «Мои документы» под названием, включающей Вашу фамилию, например: Калоев HTML. Лаб. 6).

7. Запустите полученный файл в броузере Internet Explorer и в открывшемся окне Вы увидите набранный стих в WEB- странице «Проба сил в HTML ».

6. Проанализируйте набранный код фрагмента программы, поэкспериментируйте, изменяя написание приведенных дескрипторов (тэгов) в редакторе Блокнот (не забудьте сохранить изменения и обновить страницу).

7. Введите в набранный код 3-4 специальных символа из таблицы приведенной в приложении 6-1 к данной лабораторной работе.

8. Оформите лабораторную работу в письменном виде (преподавателю лабораторную работу следует сдавать и в письменном и в электронном виде).

Задачи для самостоятельного решения.

Предлагается самостоятельно применить символ «µ» в тексте. Измените в контейнере < PRE> < /PRE> структуру стихотворения (расположение строк).

Вставьте соответствующий атрибут, чтобы изменить написание шрифта в строке заголовка. Измените шрифт по умолчанию строки «МОЯ поэтическая страничка» на шрифт c.

Контрольные вопросы.

1. Какие тэги вы применили в выше приведенном фрагменте?

2. Почему в HTML применяются дескрипторы отдельного форматирования текста?

3. В HTML v.3.2 можно опустить специальные дескрипторы форматирования?

4. В каком порядке располагаются дескрипторы HTML и атрибуты?

5. Чем отличаются атрибуты от дескрипторов?