Главная страница Случайная страница
Разделы сайта
АвтомобилиАстрономияБиологияГеографияДом и садДругие языкиДругоеИнформатикаИсторияКультураЛитератураЛогикаМатематикаМедицинаМеталлургияМеханикаОбразованиеОхрана трудаПедагогикаПолитикаПравоПсихологияРелигияРиторикаСоциологияСпортСтроительствоТехнологияТуризмФизикаФилософияФинансыХимияЧерчениеЭкологияЭкономикаЭлектроника
Форматирование HTML-документа
|
|
Цель работы научить студентов:
- форматированию фрагментов HTML-документа,
- работе с гиперссылками и с изображениями в HTML-документах,
- использованию шрифтового оформления.
Форматирование шрифта
HTML допускает два подхода к шрифтовому выделению фрагментов текста. С одной стороны, можно прямо указать, что шрифт на некотором участке текста должен быть жирным, наклонным или подчеркнутым, то есть изменить физический стиль текста. С другой стороны, можно пометить некоторый фрагмент текста как имеющий некоторый отличный от нормального логический стиль, оставив интерпретацию этого стиля броузеру. Поясним это на примерах.
Физические стили
Под физическом стилем принято понимать прямое указание броузеру на модификацию текущего шрифта.
Например, все, что находится между метками < B > и < / B >, будет написано жирным шрифтом.
Текст между метками < I > и < / I > будет написан наклонным шрифтом.
Текст между метками < U > и < / U > будет написан с подчеркиванием.
Несколько особняком стоит пара меток < TT > и < / TT >. Текст, размещенный между этими метками, будет написан шрифтом, имитирующим пишущую машинку, то есть имеющим фиксированную ширину символа.
Логические стили
При использовании логических стилей автор документа не может знать заранее, что увидит на экране читатель. Разные браузеры толкуют одни и те же метки логических стилей по-разному. Некоторые браузеры игнорируют некоторые метки вообще и показывают нормальный текст вместо выделенного логическим стилем. Вот самые распространенные логические стили.
< EM>... < /EM>
От английского emphasis — акцент, т.е. курсив.
< STRONG>... < /STRONG>
От английского strong emphasis — сильный акцент, т.е. полужирный.
< CODE>... < /CODE>
Рекомендуется использовать для фрагментов исходных текстов.
< SAMP>... < /SAMP>
От английского sample — образец. Рекомендуется использовать для демонстрации образцов сообщений, выводимых на экран программами.
< KBD>... < /KBD>
От английского keyboard — клавиатура. Рекомендуется использовать для указания того, что нужно ввести с клавиатуры.
< VAR>... < /VAR>
От английского variable — переменная. Рекомендуется использовать для написания имен переменных, этот шрифт также напоминает курсив.
Подытожим наши знания о логических и физических стилях с помощью примера 3.1. Заодно Вы сможете увидеть, как Ваш браузер показывает те или иные логические стили. Пример 3-1:
| < HTML> < HEAD> < TITLE> Пример 3.1 < /TITLE> < /HEAD> < BODY> < CENTER> < H1> Шрифтовое выделение фрагментов текста< /H1> < HR> < P> Теперь мы знаем, что фрагменты текста можно выделять < BR> < B> жирным< /B> или < BR> < I> наклонным< /I> шрифтом или < BR> < U> с подчеркиванием < /U> шрифтом. < BR> Кроме того, можно включать в текст фрагменты с фиксированной шириной символа < TT> (имитация пишущей машинки)< /TT> < HR> < P> Кроме того, существует ряд логических стилей: < P> < EM> EM - от английского emphasis - акцент, то же самое, что курсив < /EM> < BR> < STRONG> STRONG - от английского strong emphasis - сильный акцент, то же самое, что полужирный < /STRONG> < BR> < CODE> CODE - для фрагментов исходных текстов< /CODE> < BR> < SAMP> SAMP - от английского sample - образец < /SAMP> < BR> < KBD> KBD - от английского keyboard - клавиатура< /KBD> < BR> < VAR> VAR - от английского variable - переменная < /VAR> < HR> < /CENTER> < /BODY> < /HTML> |
Результат этой программы:
|
|