Добавил:
Upload Опубликованный материал нарушает ваши авторские права? Сообщите нам.
Вуз: Предмет: Файл:
Лекция09-10(рус).doc
Скачиваний:
2
Добавлен:
02.12.2018
Размер:
196.61 Кб
Скачать

9.7 Обращение к определенным разделам других документов

Гиперссылки могут также использоваться для соединения с определенными разделами документов. Допустим, мы хотим соединить документ А с первым разделом документа В, для чего нам необходимо создать именуемую гиперссылку в документе B.

Здесь вы можете увидеть <A NAME = "Раздел 1"> Главу 1 </ a>

Текст первого раздела.

Теперь, описывая ссылку в документе A, надо включить не только имя файла "documentB.html" но также и имя гиперссылки, отделяемое символом (#):

Здесь вы можете увидеть текст <A HREF = "documentB.html#Глава1"> Главы 1 </ A> документа B.

Теперь "кликнув" в слово "Глава 1" в документе А, вы переходите непосредственно в Раздел 1 в документе B.

Соединение с разделами текущего документа

Техника соединения аналогична описанной выше, только опускается имя файла. Вот, например, связь с Разделом 1 внутри того же самого файла (Документ B)

Это <A HREF = "#Глава1"> Глава 1 </ A> текущего документа.

9.8 Дополнительные возможности форматирования

Выше было описано, как создавать простые HTML-документы. Для сложных документов, HTML имеет некоторые дополнительные возможности форматирования.

9.8.1. Списки

HTML поддерживает нумерованные, маркированные списки и списки определений.

9.8.2 Ненумерованные списки

Ненумерованный список: <UL> <LI> список пунктов </ UL>, например:

<UL> <UL>

<LI> яблоки

<LI> бананы

</UL> </ UL>

что дает на экране:

  • яблоки

  • бананы

9.8.3. Нумерованные списки

Нумерованный список идентичен маркированному списку, только вместо <UL> используется <OL>.

<OL>

<LI> апельсины

<LI> персики

<LI> виноград

</OL>

что дает на экране:

  1. апельсины

  2. персики

  3. виноград

Browser автоматически нумерует элементы такого списка.

9.8.4 Списки определений

Список определений обычно состоит из чередования термина (DT) и определения (DD). Обычно Web browsers определения располагает на новой строке. Приведем пример списка определений:

<DL>

<DT> NCSA

<DD> NCSA (National Center for Supercomputing Applications).

<DT> CTC

<DD> CTC (Cornell Theory Center).

</DL>

что дает:

NCSA

NCSA (the National Center for Supercomputing Applications)

CTC

CTC (Cornell Theory Center).

9.8.5. Вложенные списки

Списки могут быть произвольно вложены, хотя разумнее было бы практически ограничиться тремя уровнями вложенных списков.

Приведем пример вложенных списков:

<UL>

<LI> Крупные города России:

<UL>

<LI> Москва

<LI> Санкт-Петербург

</ UL>

<LI> Крупные города Украины:

<UL>

<LI> Киев

</ UL>

</ UL>

что дает на экране:

  • Крупные города России:

    • Москва

    • Санкт-Петербург

  • Крупные города Украины:

    • Киев

9.9. Авторский стиль редактирования

Как мы уже говорили выше, в общем случае, текст документа формируется browser, игнорируя пробелы и переносы строк. Используя <PRE> можно описать в тексте заданный авторский стиль. (То есть пробелы и пустые строки показаны как пробелы и пустые строки, и строки будут прерываться там же что и в исходном HTML-файле.) Это полезно, например, для изображения программ:

<PRE>

#!/bin/csh

cd $SCR

cfs get mysrc.f:mycfsdir/mysrc.f

cfs get myinfile:mycfsdir/myinfile

fc -02 -o mya.out mysrc.f

mya.out mya.out

cfs save myoutfile:mycfsdir/myoutfile rm *

</PRE>

что дает на экране:

#!/bin/csh

cd $SCR

cfs get mysrc.f:mycfsdir/mysrc.f

cfs get myinfile:mycfsdir/myinfile

fc -02 -o mya.out mysrc.f

mya.out

cfs save myoutfile:mycfsdir/myoutfile rm *

При этом на экране текст пишется шрифтом фиксированной ширины.

В рамках <PRE> могут использоваться гиперссылки. Однако, в пределах <PRE>, необходимо избегать использовать другие методы форматирования HTML-документов. Заметим, что поскольку <,>, и & имеют специальное значение в HTML, необходимо использовать вместо них символы (& lt;, & gt;, и & amp;, соответственно).