- •«Разметка html – документов»
- •Содержание
- •Структура html-документа
- •Заголовок документа
- •Тело документа
- •Заголовки внутри документа
- •Параграфы
- •Принудительное разбиение строк
- •Комментарии
- •Оформление нтмl-документов
- •Горизонтальные разделители
- •Простые списки
- •Нумерованные списки
- •Списки с определениями
- •Вложенные списки
- •Добавление бегущей строки
- •Унифицированный адрес ресурсов
- •Ссылки на фрагменты документов
- •Ссылки на части одного документа
- •Посылка электронной почты
- •Преформатированный текст
- •Форматирование символов
- •Использование тэгов форматирования
- •Специальные символы
- •Использование графических изображений
- •Встроенные изображения, звуки и анимация
- •Ссылки на изображения, звуки и анимацию
- •Таблицы
- •Простейшая однострочная таблица
- •Приемы ускорения создания таблиц
- •Создание строки надписей
- •Включение названия
- •Выравнивание текста внутри клеток
- •Пустые клетки
- •Перекрытие текстом нескольких строк или столбцов
- •Средства таблиц
- •Задания к лабораторной работе
- •Содержание отчета по лабораторной работе
- •Приложение б Константы для представления цветов
- •Продолжение приложения б
- •Издательство «нефтегазовый университет»
- •625000, Г. Тюмень, ул. Володарского, 38
- •625039. Г.Тюмень. Ул. Киевская, 52
Ссылки на фрагменты документов
Ссылки могут использоваться и для перемещения по частям документа. Предположим, что вы хотите создать ссылку из документа CHAPTER1 в один из разделов документа CHAPTER2, который находится в файле СН2.НТМ. Сначала вы создаете именованную ссылку, в документе CHAPTER2:
<A NAME=”#CH2001”>,
а затем — ссылку на нее из документа CHAPTER1, указывая не только имя файла, но и имя ссылки, разделив их символом "*'':
<A HREF ="СН2.HTM#CH2001"> Более подробно см. главу 2</А>.
В данном случае фраза "Более подробно см. главу 2" является ссылкой на раздел в документе CHAPTER2.
Ссылки на части одного документа
Для организации ссылок внутри одного и того же документа используется точно такой же подход, но в адресе ссылки не указывается имя файла. Например, чтобы перейти в созданный выше раздел в документе CHAPTER2, необходимо создать следующую ссылку:
<А HREF="#СН2001">См. раздел 1 в этой главе </А>
Посылка электронной почты
Среди унифицированных адресов ресурсов есть один специальный, который используется для отправки электронной почты. Параметр sheme в этом случае имеет значение mailto, а пример использования такого адреса может выглядеть так: <А HREF = "mailto: editors@cpress.msk.su">Присылайте ваши комментарии</А>
В данном примере фраза "Присылайте ваши комментарии" является ссылкой для отправки электронной почты. При активизации такой ссылки браузер открывает специальное окно, куда можно ввести текст электронного послания по адресу, указанному после mailto.
Преформатированный текст
Текст, заключенный между тэгамн <РRE> и </PRE> отображается так, как он выглядит к тексте документа, то есть с пробелами, новыми строками, табуляциями и т.п. Тэги <PRE> и </PRE> удобно использовать, например для публикации листингов. Отметим, что в преформатированном тексте можно использовать гиперссылки. Использование остальных тэгов нежелательно. Так как символы "<", ">" и " &" имеют специальное назначение в языке HTML, их следует заменить на специальные последовательности: <, > и & соответственно.
Примечание. Текст заключенный между тэгами <РRЕ> и </РRЕ>, отображается моноширинным текстом.
Форматирование символов
В языке HTML существуют специальные тэги для форматирования отдельных символов или групп символов. Эти тэги можно подразделить на два типа: логические и физические. Логические тэги; задают отличия символа или набора символов от других символов, а физические — точно указывают, какой должен быть формат (см. таблицы 3-5).
Браузер Netscape Navigator также поддерживает ряд нестандартных тэгов форматирования (таблица 5).
Таблица 3 - Логические тэги форматирования
Тэг |
Описание |
<DFN> |
Используется для выделения слова. Помеченное таким тэгом слово отображается наклонным шрифтом (italic) |
<ЕМ> |
Выделение. Помеченный этим тэгом текст отображается наклонным шрифтом (italic) |
<СIТЕ> |
Используется для ссылок на названия книг, фильмов и т.п. Помеченный этим тэгом текст отображается наклонным шрифтом (italic) |
<CODE> |
Используется для выделения исходного текста. Помеченный этим тэгом текст отображается фиксированным шрифтом (fixed-width) |
<STRONG> |
Используется для выделения символа или группы символов. Помеченный этим тэгом текст отображается полужирным шрифтом (bold) |
Таблица 4 - Физические тэги форматирования
Тэг |
Описание |
<В> |
Помеченный этим тэгом символ отображается полужирным шрифтом (bold) |
<I> |
Помеченный этим тэгом символ отображается наклонным шрифтом (italic) |
<TT> |
Помеченный этим тэгом символ отображается фиксированным шрифтом (ftxed-widtn) |
<U> |
Помеченный этим тэгом символ отображается с подчеркиванием |
<S> |
Помеченный этим тэгом символ отображается перечеркнутым |
<SUB> |
Помеченный этим тэгом символ отображается подстрочно |
<SUP> |
Помеченный этим тэгом символ отображается надстрочно |
Таблица 5 – Тэги работы со шрифтами
Тэг |
Описание |
<CENTER> |
Используется для центрирования текста по горизонтали |
<BLINK> |
Выделенный текст отображается с миганием |
<FONT SIZE=x> |
Задает размер шрифта. Х может принимать значения от 1 до 7 |
<FONT SIZE=+/-x> |
Увеличивает (+) или уменьшает (-)размер шрифта |
<BASE FONT SIZE=x> |
Задает размер основного шрифта. Х может принимать значения от 1 до 7. По умолчанию используется значение 3 |
<FONT СOLOR=#rrggbb"> |
Задает цвет шрифта в формате R-G-B |