| Web-дизайн: Тонкости, хитрости и секреты | 2 |
</DL>
и вложенные:
<UL>
<LI> Примус
<OL>
<LI> Другой примус
...
</OL>
<LI>
...
</UL>
Выделение текста
Текст в документе HTML может быть выделен одним из следующих способов:
<cite> -- цитата </cite>
<code> -- программный код </code>
<dfn> -- определение </dfn>
<em> -- логический акцент </em>
<kbd> -- ввод с клавиатуры </kbd>
<samp> -- сообщения компьютера </samp>
<strong> -- сильный акцент </strong>
<var> -- переменные </var>
Один большой параграф
В HTML разбиение на строки не принципиально. Это означает, что вы
можете разбить строки вашего документа в любом его месте. Связано это с тем,
что в гипертекстовом документе идущие подряд отбивки превращаются в одну.
Но! Если отбивка сделана после тэга <P>, то она учитывается. Если
какой-нибудь тэг <H> игнорируется, то отбивка также учитывается. В остальных
случаях обозреватель будет пропускать отбивки.
Ссылки
HTML позволяет вам связать текст или картинку с другими гипертекстовыми
документами. Текст, как правило, выделяется цветом или оформляется
подчеркиванием.
Для этого используется тэг <A>. Помните, что после буквы A должен
стоять пробел.
Чтобы сформировать ссылку:
n наберите <A
n введите HREF="filename">
n наберите после > текст гипертекстовой ссылки
n наберите тэг </A>
Один из вариантов гипертекстовой ссылки может выглядеть так:
<A HREF="BobAnapa.html">Bob</A>
Здесь слово Bob ссылается на документ BobAnapa.html, образуя
гипертекстовую ссылку.
Если документ, формирующий ссылку, находится в другой директории, то
подобная ссылка называется относительной:
<A HREF="BobAnapa/ВobMoscow.html">Bob</A>
Если вы хотите указать полное имя файла, то вам необходимо использовать
синтаксис UNIX.
Ссылки можно формировать на основе так называемого универсального
локатора ресурса, то есть используя следующий синтаксис:
protocol: //hostport/path
Предварительное форматирование текста
Тэг <PRE> позволяет сформировать текст, оформленный моноширинным
шрифтом.
Используйте этот тэг для оформления листингов программ.
Расширенные цитаты
Тэг <BLOCKQUOTE> позволяет вам включить цитату в уединенный объект.
Адрес
Тэг <ADDRESS> позволяет сформировать информацию об авторе документа
HTML.
Куча слов по поводу форматирования символов
В HTML слова и строки кодируются логическими и физическими стилями.
Физические стили форматируют текст.
Логические стили форматируют через определение в гипертекстовом
документе некоторого значения. Это в частности означает, что тэг заголовка
первого уровня не содержит информации о размере шрифта и гарнитуре. Поэтому,
чтобы изменить символьное форматирование заголовка вы должны модифицировать
заголовок первого уровня. Через логические (в том числе и символьные) тэги
вы можете сформировать согласованный гипертекстовый документ, то есть
определить заголовок первого уровня в качестве только <H1> (без информации о
гарнитуре шрифта и его кегле).
Логические стили
Ниже мы представляем примеры логических стилей документа HTML.
<DFN>
Определить слово. Как правило, курсив.
<EM>
Усилить акцент. Как правило, курсив.
<CITE>
Заголовок чего-то большого и хорошего. Курсив.
<CODE>
Компьютерный код. Моноширинный шрифт.
<KBD>
Текст, введенный с клавиатуры. Моноширинный жирный шрифт.
<SAMP>
Сообщение программы. Моноширинный шрифт.
<STRONG>
Ну очень важные участки. Жирный шрифт.
<VAR>
Замена переменной на число. Курсив.
Физические стили
Гипертекстовый документ может быть оформлен с использованием следующих
стилей:
<b>Полужирный
<i>Курсив
<TT> Моноширинный
Специальные символы
Символы, которые не могут быть введены в текст документа
непосредственно через клавиатуру называются специальными символами. Для
таких символов существуют особые тэги.
Четыре символа -- знак меньше <, знак больше >, амперсанд & и двойные
кавычки " имеют специальное значение внутри HTML и следовательно не могут
быть использованы в тексте в своем обычном значении.
Скобки используются для обозначения начала и конца HTML тэгов, а
амперсанд используется для обозначения так называемой
escape-последовательности. Для использования одного из этих символов введите
одну из следующих escape-последовательностей:
<
Знак меньше.
>
Знак больше.
&
Амперсанд.
"
Кавычки.
Принудительный перевод строки
Тэг <BR> переводит только одну строку, то есть без дополнительного
пробела.
Горизонтальные разделители
Тэг <HR> формирует горизонтальную линию по всей ширине окна.
Встроенные изображения
Вы можете встраивать в ваш документ картинки. Синтаксис встроенной
картинки следующий:
<IMG SRC=image_URL>
Здесь image_URL есть указатель на файл картинки, синтаксис которого
совпадает с синтаксисом ссылки HTML.
Звуковоспроизведение
Для того, чтобы вставить в вашу страничку звуковой файл, например,
midi-файл, используйте следующую конструкцию:
<EMBED SRC="bob1.mid" WIDTH="140" HEIGHT="50"
ALIGN="MIDDLE" BORDER="0" AUTOSTART=TRUE>
Это одна строка.
В этом тэге были использованы следующие параметры:
WIDTH
Параметр, определяющий ширину midi-плеера.
HEIGHT
Параметр, определяющий высоту midi-плеера.
BORDER
Ширина рамки midi-плеера.
AUTOSTART
Запустить midi-плеер сразу после того, как загрузится документ HTML.
Распределение ссылок по картинке
Используя технологию распределения ссылок по картинке, вы можете,
например, создать графическое меню из одной большой картинки таким образом,
чтобы каждый элемент системы меню содержал определенный URL.
Распределение ссылок по картинке описывается в тэге IMG следующим
параметром:
<IMG SRC="url" USEMAP="url#map_name">
Здесь аргумент USEMAP задает расположение схемы распределения map_name
в URL.
Если URL не указан, то поиск схемы map_name ведется в текущем
документе.
Код схемы может выглядеть так:
<MAP NAME="map_name">
<AREA [SHAPE=" shape "] COORDS="x,y,..." [HREF=" reference "] [NOHREF]>
</MAP>
Здесь были использованы следующие тэги: