Раздаточные материалы к третьему занятию по теме Веб-дизайн: вторая ступень

А. Васильков.
03 апреля 2005 г.
Раздаточные материалы к третьему занятию по теме
Веб-дизайн: вторая ступень
Работа с HTML-редактором DreamWeaver. Часть вторая.
Списки
HTML поддерживает ненумерованные, пронумерованные и списки-определения.
Чтобы сделать ненумерованный список:
Начните с открытия списка с помощью тега <UL>.
Наберите тег <LI> и, за ним, элемент списка. (Закрывающий тег </LI> не нужен.)
Наберите закрывающий тег </UL>.
Элементы списка <LI> могут содержать несколько параграфов. Просто разделите
параграфы с помощью соответствующего тега <P>.
Пронумерованные списки
Пронумерованные списки идентичны ненумерованным списком, единственно, что надо
использовать <OL> вместо <UL>. Элементы списка указываются с помощью того же тега
<LI>.
Списки-определения
Список-определение обычно состоит из термина (его аббревиатура DT) и его
определения (аббревиатура DD). Web просмоторщики обычно начинают определение с
новой строки.
Ниже приведен пример списка-определения:
<DL>
<DT> Computerra
<DD> Издательский дом «Компьютерра» - те, для кого жить, значить размышлять!
<DT> Playboy
<DD> Журнал «Игручий мальчуган» - без комментариев.
</DL>
<DT> и <DD> элементы могут содержать несколько параграфов, списков или другую
определяющую информацию,
Вложенные списки
Списки могут быть вложенными, хотя на практике вам, вероятно, придется
ограничиться тремя уровнями. Вы также можете использовать несколько параграфов,
каждый из которых будет содержать вложенный список, в одном элементе списка.
Пример вложенного списка:
<UL>
<LI> A few New England states:
<UL>
<LI> Vermont
<LI> New Hampshire
</UL>
<LI> One Midwestern state:
<UL>
<LI> Michigan
</UL>
</UL>
Заранее отформатированный текст
Используйте тег <PRE> для того, чтобы пробелы, новые строки и символы табуляции
имели значение. (Т.е. несколько пробелов будут отображены как несколько пробелов, и
переводы строки будут именно там, где они стоят в исходном файле.) Этот стиль полезен
для листингов программ и стихов.
В секциях <PRE> могут быть использованы гипертекстовые ссылки. Тем не менее, вам
следует стараться не использовать других HTML тегов внутри заранее отформатированных
секций.
Обратите внимание, что так как символы <, >, and & имеют специальное значение в HTML,
вам надо использовать их escape-последовательности (<, >, и &) для того чтобы
отобразить эти символы.
Блоки с цитатами
Используйте так <BLOCKQUOTE> для включения цитат в отдельные блоки на экране.
Большинство просмоторщиков обычно отделяют их от окружающего текста.
Специальные символы
Escape-последовательности
Четыре ASCII символа -- (<), (>), (&) и (") -- имеют специальное значение в HTML и,
поэтому, не могут быть использованы "в качестве текста".
Чтобы использовать один из этих символов в HTML документе, вы должны использовать
его escape последовательность:
<
escape-последовательность для <
>
escape-последовательность для >
&
escape-последовательность для &
"
escape-последовательность для "
Дополнительные escape-последовательности поддерживают т.н. "иностранные" символы.
Например:
ö
escape-последовательность для маленького o с умляутом: o
ñ
escape-последовательность для маленького n с тильдой: n
Полный список поддерживаемых символов может быть найден на CERN.
ЗАМЕЧАНИЕ: В отличие от всего остального HTML, escape-последовательности
чувствительны к регистру. Вы не можете, например, использовать < вместо <.
В DW воспользуйтесь подстановочной таблицей «Вставить»-> «Специальные
символы» для упрощённого ввода спец. символов. Учтите, что большая часть таковых
доступна только при использовании латинской кодировки.