- •Тема 7 Лекция09-10: основы web-дизайна
- •9.1 Пример документа в html
- •9.2 Заголовки документов
- •9.3 Заголовки разделов документов
- •9.4. Абзацы
- •9.5 Соединение с другими документами
- •9.7 Обращение к определенным разделам других документов
- •9.8.5. Вложенные списки
- •9.9. Авторский стиль редактирования
- •9.10 Цитаты
- •9.11. Адреса
- •9.12. Стили
- •9.12.1 Логические стили
- •9.12.2 Физические стиле
- •9.12.3 Специальные символы
- •9.13. Прерывание строки
- •9.14 Горизонтальная линия
- •9.15 Внутренние рисунки
- •9.16 Внешние рисунки, звуки и мультипликация
- •9.17. Наложение разных стилей
- •9.17.1. Различные стили внутри гиперссылки
- •9.17.2. Ошибочная ссылка
9.10 Цитаты
Используя <BLOCKQUOTE>, можно включить в текст отдельную цитату. Большинство browsers отделяют такую цитату от окружающего текста, например:
<BLOCKQUOTE>
Для того чтобы перейти в другой каталог на том же диске, можно нажать комбинацию клавиш [Alt-F10]. После этого на экране изображается дерево каталогов на диске. Клавишами перемещения курсора следует выделить нужный каталог и нажать
[Enter]. <P>
Можно также набрать первые буквы имени того каталога, в который надо перейти.
Total Commander постарается сам выделить нужный каталог.
<P>
</BLOCKQUOTE>
Для того чтобы перейти в другой каталог на том же диске, можно нажать комбинацию клавиш [Alt-F10]. После этого на экране изображается дерево каталогов на диске. Клавишами перемещения курсора следует выделить нужный каталог и нажать [Enter].
Можно также набрать первые буквы имени того каталога, в который надо перейти. Total Commander постарается сам выделить нужный каталог.
9.11. Адреса
<ADDRESS> используется, чтобы определить автора документа и способы контакта с ним (например, e-mail адрес). Обычно это последний пункт в файле.
Например, последняя строка этого документа выглядит:
<ADDRESS> Введение в HTML / НИИЯФ МГУ / lenka@srdlan.npi.msu.su </ ADDRESS>
Что дает на экране:
Введение в HTML / НИИЯФ МГУ / lenka@srdlan.npi.msu.su
Внимание: <ADDRESS> не используется для почтового адреса.
9.12. Стили
Можно описывать специальными стилями отдельные слова или предложения. Есть два типа стилей: логический и физический. Логические стили определяют текст согласно заданному значению, тогда как физические стили определяют некоторые участки текста.
Зачем существуют два стиля, если они могут дать одинаковый результат на экране? В качестве ответа на этот вопрос сошлемся на аксиому: "Доверьтесь вашему browser."
В идеале, в, содержание отделяется от заголовка. Таким образом, SGML определяет строку как заголовок, но не определяет, что заголовок должен быть написан, например, жирным шрифтом с размером букв 24 пункта, и должен быть расположен в верхней части страницы. Преимущество этого подхода (это подобно в концепции стиля в большинстве текстовых процессоров) - в том, что если Вы решаете заменить стиль заголовка - все, что Вы должны сделать - это изменить определение заголовка в Web browser.
Другое преимущество стилей в том, что, например, удобнее определить что-нибудь как <H1> чем помнить, каким шрифтом надо описывать заголовок. Это же истинно и для отдельных символов. Например, рассмотрим <STRONG>. Большинство browsers рассматривают это как жирный шрифт в тексте. Однако, возможно, что читатель предпочел бы что этом разделе это выделялось, например, другим цветом. Таким образом, стили дают пользователю большую свободу в выборе шрифтов.
9.12.1 Логические стили
<DFN>
служит для описания определений. (Это определение.)
< EM >
служит для выделения слов. (Это выделенное слово.)
<CITE>
служит для выделения заголовков книг, фильмов, цитат и т.п. (Это цитата)
<CODE>
служит для выделения программных кодов, текстов программ и т.п. Изображается шрифтом фиксированной ширины. (The <stdio.h> header file)
<KBD>
используется для ввода с клавиатуры пользователя. Может быть изображено жирным шрифтом (но в большинстве browser изображается специальным шрифтом). (Введите passwd)
<SAMP>
используется для машинных сообщений. Изображается шрифтом фиксированной ширины. (Seg mentation fault: Core dumped.)
<STRONG>
служит для ОСОБОГО выделения слов. Обычно выделяется жирным шрифтом (Это очень важно)
<VAR>
используется для символьных переменных. (Это переменная.)