- •Основы создания web-страниц
- •Составители а.В. Распопов, д.В.Меркулов, о.Е.Ефимова
- •Введение
- •Основные понятия, инструменты создания и просмотра web-страниц
- •Стандарты языка html
- •Браузеры
- •Редакторы html-документов
- •Основы языка html
- •Синтаксис html-тегов
- •Структура html-документа
- •Адресация ресурсов
- •Задание к лабораторной работе №1 «Основные понятия, инструменты создания и просмотра web-страниц. Основы языка html»
- •Основные теги html
- •3.1 Комментарии
- •3.2 Символьные примитивы (&-последовательности)
- •Форматирование текста
- •4.1 Разбиение текста
- •4.2 Форматирование символов
- •4.2.1 Логическое форматирование
- •4.2.2 Физическое форматирование
- •4.3 Параметры шрифта
- •4.4 Заголовки разных уровней внутри текста
- •Задание к лабораторной работе №2 «Основные теги html. Форматирование текста»
- •Представление цвета и графики в html-документах
- •5.1 Формы представления цвета
- •5.2 Цвет текста и фон документа
- •5.3 Графические форматы
- •5.4 Графические изображения
- •Задание к лабораторной работе №3 «Представление цвета и графики в html-документах»
- •Задание к лабораторной работе №4 «Списки»
- •Гиперссылки
- •Задание к лабораторной работе №5 «Гиперссылки»
- •Изображение-карта
- •Задание к лабораторной работе №6 «Изображение-Карта»
- •Задание к лабораторной работе №7 «Таблицы»
- •10.1 Описание структуры набора фреймов
- •10.2 Общий вид html-документа, задающего набор фреймов
- •10.4 Целевые фреймы
- •11.1 Простейшая форма
- •11.2 Типы элементов форм
- •Задание к лабораторной работе №9 «Формы»
- •Несколько советов
- •Список использованных источников
- •Методические указания к лабораторным работам по курсу «Информационные технологии» для студентов специальности 080801
4.2 Форматирование символов
Теги форматирования символов подразделяют на две группы: теги физического форматирования (типографские элементы), с помощью которых можно прямо указать, что шрифт на некотором участке текста должен быть жирным или наклонным, и логического форматирования (идиоматические элементы), применяя которые мы меняем логический стиль, оставив интерпретацию этого стиля браузеру. Все эти теги имеют как открывающий, так и закрывающий компонент. Многочисленные теги несут разную смысловую нагрузку, но отображение текста, заключенного между открывающим и закрывающим компонентами, при этом, не столь разнообразно.
4.2.1 Логическое форматирование
При использовании логических стилей автор документа не может знать заранее, что увидит на экране читатель. Разные браузеры толкуют одни и те теги логических стилей по-разному. Некоторые браузеры игнорируют некоторые теги вообще и показывают нормальный текст вместо выделенного логическим стилем.
Полужирным шрифтом отображается текст, заключенный между тегами:
<STRONG> ... </STRONG> (от английского strong emphasis – сильный акцент).
Курсивом (наклонным шрифтом) отображается текст, заключенный между тегами:
<DFN> ... </DFN> (определение);
<EM> ... </EM> (от английского emphasis – акцент);
<CITE> ... </CITE> (цитата);
<VAR> ... </VAR> (от английского variable – переменная, рекомендуется использовать для написания имен переменных).
Моноширинным щрифтом (шрифтом, имитирующим пишущую машинку, то есть имеющим фиксированную ширину символа) отображается текст, заключенный между тегами:
<CODE> ... </CODE> (программный код, рекомендуется использовать для фрагментов исходных текстов).
Также используются следующие теги (часто игнорируемые браузерами):
<SAMP> ... </SAMP> (от английского sample – образец, рекомендуется использовать для демонстрации образцов сообщений, выводимых на экран программами);
<KBD> ... </KBD> (от английского keyboard – клавиатура, рекомендуется использовать для указания того, что нужно ввести с клавиатуры).
4.2.2 Физическое форматирование
Полужирным шрифтом отображается текст, заключенный между тегами:
<B> ... </B> (от английского bold).
Курсивом (наклонным шрифтом) отображается текст, заключенный между тегами:
<I> ... </I> (от английского italic).
Моноширинным щрифтом отображается текст, заключенный между тегами:
<TT> ... </TT> (от английского TeleType).
Подчеркнутым отображается текст, заключенный между тегами:
<U> ... </U> (от английского underline).
Перечеркнутым отображается текст, заключенный между тегами:
<S> ... </S> (от английского strikethrough).
Как нижний индекс отображается текст, заключенный между тегами:
<SUB> ... </SUB> (от английского subscript).
Как верхний индекс отображается текст, заключенный между тегами:
<SUP> ... </SUP> (от английского superscript).
Подытожим наши знания о логических и физических стилях с помощью примера. Заодно Вы сможете увидеть, как Ваш браузер показывает те или иные логические стили.
<P>Теперь мы знаем, что фрагменты текста можно выделять
<B>жирным</B> или <I>наклонным</I> шрифтом. Кроме того, можно
включать в текст фрагменты с фиксированной шириной символа
<TT>(имитация пишущей машинки)</TT></P>
<P>Кроме того, существует ряд логических стилей:</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></P>