D.4.7.3. Оформление списков в Word Wide Web.

В языке HTML поддерживается создание простых списков, нумерованных списков и списков с определениями (definition list)

D.4.7.3.1. Простые списки

Простые списки также называются ненумерованными. Они создаются с помощью тегов <UL> и <LI>. Пример простого списка:

...
    <UL>
        <LI> First </LI>
        <LI> Second </LI>
        <LI> Third </LI>
    </UL>
...

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

Эти списки аналогичны простым, но вместо тега <UL> используется тег <OL>:

...
    <OL>
        <LI> First </LI>
        <LI> Second </LI>
        <LI> Third </LI>
    </OL>
...

D.4.7.3.3. Списки с определениями

Списки с определением обычно содержит элемент, задаваемый тегом <DT>, и определение, задаваемое тегом <DD>. Большинство Web-браузеров отображают определения с новой строки. Пример [К. Ахметов, А. Федоров "Microsoft Internet Explorer для всех", стр. 96-97.]:

...
    <DL>
        <DT> FTP </DT>
                <DD> Функция протоколов TCP/IP, позволяющая пользователям получать бинарные и текстовые файлы с FTP-серверов. </DD>

        <DT> Gopher </DT>
                <DD> Система на базе меню для поиска текстовых и бинарных файлов на Интернет-компьютерах. </DD>
    </DL>
...

D.4.7.3.4. Свойство списка list-style

Начиная со своих четвертых версий, Интернет-браузеры Internet Explorer и Netscape Communicator поддерживают расширенные свойства форматирования. В частности, простые списки теперь можно оформить с помощью любого изображения маркера, а не только стандартного. Например, если имеется файл xx_file.gif, содержащий маркер списка, то можно организовать следующий список:


...

    <UL list-style: url(xx_file.gif)>
        <LI> First </LI>
        <LI> Second </LI>
        <LI> Third </LI>
    </UL>
...

D.4.7.3.5. Еще одно замечание о списках

Любой элемент списка, помеченный тегом <LI>, могут состоять из нескольких параграфов. В этом случае для разделения параграфов используется тэг <P>.

Пример использования списков в HTML-файле приведен здесь.


<HTML>
    <HEAD>
    <TITLE>List Example</TITLE>
    </HEAD>
    <BODY>
        <P>Здесь приведены примеры списков.<P>
        <P>Ненумерованные списки:<P>
    <UL>
        <LI> First </LI>
        <LI> Second </LI>
        <LI> Third </LI>
    </UL>
        <P>Нумерованные списки:</P>
    <OL>
        <LI> First </LI>
        <LI> Second </LI>
        <LI> Third </LI>
    </OL>
        <P>Списки с определением</P>
    <DL>
        <DT> FTP </DT>
                <DD> Функция протоколов TCP/IP, позволяюща
                           пользователям получать бинарные и текстовые
                           файлы с FTP-серверов. </DD>
        <DT> Gopher </DT>
                <DD> Система на базе меню для поиска
                           текстовых и бинарных файлов на
                           Интернет-компьютерах. </DD>
    </DL>
        <P>Простой список с нестандартным маркером.</P>
    <UL list-style: url(xx_file.gif)>
        <LI> First </LI>
        <LI> Second </LI>
        <LI> Third </LI>
    </UL>
        <P>Учитесь на здоровье!</P>
    </BODY>
</HTML>

 

Назад...   К оглавлению раздела   Далее...

Hosted by uCoz