- •Глава 1. Создание документа в html
- •1.1. Начало работы
- •1.2. Общие сведения о html-документе
- •1.3. Структура html-документа
- •1.4. Форматирование текста
- •1.4.1. Шрифтовое выделение фрагмента текста
- •1.4.2. Форматирование абзацев
- •1.4.3. Шрифты
- •Характеристика цветов
- •1.4.4. Верхние и нижние индексы
- •1.5. Заголовки текста
- •1.6. Специальные символы
- •1.7. Цитаты
- •Вопросы для самоконтроля к главе 1
- •Глава 2. Элементы оформления страницы
- •Отступы от края окна
- •Цвет фона
- •Цвет текста
- •Бегущая строка
- •Горизонтальные линии
- •Сокращения
- •Комментарии
- •Вопросы для самоконтроля к главе 2
- •Глава 3. Графика
- •Вставка графических изображений на страницу
- •Размеры изображения
- •Изображение в рамке
- •Графика и текст
- •Сопровождение рисунка текстом
- •Вопросы для самоконтроля к главе 3
- •Глава 4. Гипертекстовые ссылки
- •4.1. Создание гиперссылок
- •4.2. Создание закладок
- •Оглавление
- •Глава 1. Знакомство с ms Excel 2003
- •Глава 2. Расчеты в ms Excel 2003
- •Глава 3. Оформление рабочих листов
- •Оглавление
- •Глава 1. Знакомство с ms Excel 2003
- •Глава 2. Расчеты в ms Excel 2003
- •Глава 3. Оформление ms Excel 2003
- •4.3. Изображение как гиперссылка
- •Вопросы для самоконтроля к главе 4
- •Глава 5. Списки
- •5.1. Нумерованные списки
- •5.2. Маркированные списки
- •Многоуровневые списки
- •Список определений
- •Вопросы для самоконтроля к главе 5
- •Глава 6. Табличный дизайн
- •6.1. Создание таблиц
- •6.2. Горизонтальное выравнивание в таблице
- •6.3. Рамки таблицы
- •6.3.1. Толщина и цвет рамок
- •Частичное отображение рамок
- •Фон таблицы и ячеек
- •Шрифт таблицы и ячеек
- •Объединение ячеек
- •Заголовок таблицы
- •Вопросы для самоконтроля к главе 6
- •Глава 7. Фреймы
- •Понятие фреймовой структуры
- •Расположение фреймов в окне браузера
- •Способы задания размеров фреймов
- •Вложенные фреймы
- •Обрамление фреймов
- •Открытие страниц во фреймах
- •Вопросы для самоконтроля к главе 7
- •Глава 8. Внешние параметры web-страницы
- •8.1. Название страницы
- •8.2.1. Мета-запись keywords
- •8.2.2. Мета-запись description
- •8.2.3. Мета-запись refresh
- •8.2.4. Мета-запись expires
- •8.2.5. Мета-записи author и copyright
- •Вопросы для самоконтроля к главе 8
1.4.4. Верхние и нижние индексы
Верхние и нижние индексы используют для записи торговых знаков, символов копирайта, ссылок и сносок.
С
помощью парного тега <SUP> можно
задавать верхние (надстрочные) символы.
Например, чтобы создать уравнение
,
можно использовать следующую разметку:
y(x):= x<SUP>4</SUP>+3x<SUP>2</SUP>-4x-1
Тег
<SUB> задает нижние (подстрочные)
символы. Например, для создания уравнения
,
можно применить
следующую разметку:
23,4x<SUB>1</SUB>-14,2x<SUB>2</SUB>-5,4x<SUB>3</SUB>+2,1x<SUB>4</SUB>=6,6
Чтобы индексы смотрелись меньше окружающего текста, можно добавить тег <FONT> с параметром size=-1. Например:
y(x):=x<font size=-1><SUP>4</SUP></font>+3x<font size=-1><SUP>2</SUP></font>-4x-1
В этом случае показатели степени будут выглядеть отчетливее. Этот же прием можно использовать и для нижних индексов.
1.5. Заголовки текста
В HTML есть возможность выделения заголовков к тексту. Предусмотрены заголовки шести различных уровней, которые описываются тегом вида <Hi>…</Hi> (H от английского слова Header – заголовок), где i – номер заголовка от 1 до 6. При этом заголовок первого уровня – самый крупный, шестого уровня – самый мелкий. Каждый заголовок выводится шрифтом своего размера и начинается с новой строки. После написания заголовка ставить тег абзаца Р не нужно, так как браузер «понимает», что после окончания заголовка нужно перейти на новую строку (если конечно тег заголовка был закрыт). Например:
…
<H2>С чего начинается Родина?</H2>
С чего начинается Родина?<BR>
С картинки в твоем букваре, <BR>
С хороших и верных товарищей, <BR>
Живущих в соседнем дворе.
…
Для оформления заголовков разными способами, применяют параметры тега <Hi>. Для выравнивания заголовка используют параметр align, который может принимать значения right, center. По умолчанию заголовок выровнен по левому краю (left). Например:
<H2 align=center>С чего начинается Родина?</H2>
С чего начинается Родина?<BR>
С картинки в твоем букваре, <BR>
С хороших и верных товарищей, <BR>
Живущих в соседнем дворе.
…
Еще одним способом центрирования заголовка является использование тега <Center>…</Center>. При этом параметр align тега <Hi> использовать не нужно. Например:
<H2><Center>С чего начинается Родина? </Center></H2>
С чего начинается Родина?<BR>
С картинки в твоем букваре, <BR>
С хороших и верных товарищей, <BR>
Живущих в соседнем дворе.
…
Другие параметры заголовка, такие, как выделение цветом, шрифтом, определяются с помощью тега <FONT>. Например:
<FONT face=Verdana color=red> <H1 align=center>С чего начинается Родина?</H1></FONT>
1.6. Специальные символы
Некоторые символы, такие, как < и > или кавычки в виде «елочек» (« и »), являются служебными. Для их написания используется специальная запись, соответствующая Esc-последовательности («эскейп-последовательности»). Служебные символы записываются с использованием соответствующего им кода, перед которым стоят символы &#. Некоторым наиболее часто используемым символам присвоены специальные мнемонические коды, которые состоят из знака &, английского сокращенного названия этого символа и точки с запятой. Например, чтобы вывести на странице левую и правую угловую кавычки (« и ») в HTML-коде можно указать « и » или же в виде мнемонического кода « и ». Точка с запятой указывается обязательного в конце написания любого варианта.
Отдельные интересные символы можно поместить на страницу, используя соответствующие шрифты. Например:
|
<FONT face="Wingdings 2"> ' </FONT> |
|
<FONT face="MS Outlook"> I </FONT> |
|
<FONT face=Wingdings> Q </FONT> |
|
<FONT face=Wingdings>* </FONT> |
В таблице 2 приведены некоторые коды и мнемонические имена спецсимволов.
Таблица 2
Коды и мнемонические имена служебных символов
Символ |
Описание |
Числовой код |
Мнемоническое имя символа |
© |
Знак авторского права (копирайт) |
© |
© |
® |
Знак зарегистрированной торговой марки |
® |
® |
™ |
Знак торговой марки |
™ |
™ |
° |
Знак градуса |
° |
° |
« |
Левая двойная угловая кавычка |
« |
« |
» |
Правая двойная угловая кавычка |
» |
» |
→ |
Стрелка вправо |
→ |
→ |
∑ |
Сумма последовательности |
∑ |
∑ |
“ |
Левая двойная кавычка |
“ |
“ |
” |
Правая двойная кавычка |
” |
” |
„ |
Нижняя двойная кавычка |
„ |
„ |
§ |
Знак параграфа |
§ |
§ |
½ |
Одна вторая |
½ |
½ |
¼ |
Одна четвертая |
¼ |
¼ |
◊ |
Ромб |
◊ |
◊ |
☺ |
Смайлик «мордашка» |
☺ |
|
☻ |
Смайлик «черная мордашка» |
☻ |
|
☼ |
Смайлик «солнышко» |
☼ |
|
€ |
Знак «евро» |
€ |
€ |
