Тэги списков

Тэги списков
Существует три основных вида списков в HTML-документе:
• пронуменрованный
• непронуменрованный
• список описаний
Вы можете создавать вложенные списки, используя различные тэги списков или повторяя одни внутри других. Для этого просто необходимо разместить одну пару тэгов (стартовый и завершающий) внутри другой. Будут ли элементы вложенного списка иметь те же маркеры, обозначающие элемент списка - зависит от броузера. Более подробно смотри в разделе "Вложенные списки".
________________________________________
Пронумерованные списки
В пронумерованном списке броузер автоматически вставляет номера элементов по порядку. Это означает, что если вы удалите один или несколько элементов пронумерованного списка, то остальные номера автоматически будут пересчитаны.
Пронумерованный список начинается стартовым тэгом

    и завершается тэгом
. Каждый элемент списка начинается с тэга
  • . Например:

    1. Программирование
    2. Алгоритмизация
    3. Проектирование

    1. Программирование
    2. Алгоритмизация
    3. Проектирование
    Тэг
      может иметь параметры:

        где:
        TYPE
        Вид счетчика:
        o A - большие латинские буквы (A,B,C...)
        o a - маленькие латинские буквы (a,b,c...)
        o I - большие римские цифры (I,II,III...)
        o i - маленькие римские цифры (i,ii,iii...)
        o 1 - обычные цифры (1,2,3...)
        START=n
        Число, с которого начинается отсчет
        Например:

        1. Программирование
        2. Алгоритмизация
        3. Проектирование

        XV. Программирование
        XVI. Алгоритмизация
        XVII. Проектирование
        ________________________________________
        Непронумерованные списки.
        Для непронумерованных списков броузер обычно использует маркеры для пометки элемента списка. Вид маркера, как правило, настраивает пользователь броузера.
        Пронумерованный список начинается стартовым тэгом
          и завершается тэгом
        . Каждый элемент списка начинается с тэга
      1. . Например:

        • Программирование
        • Алгоритмизация
        • Проектирование

        • Программирование
        • Алгоритмизация
        • Проектирование
        Тэг
          может иметь параметр:

            Тип тэга
              определяет внешний вид маркера как вид по умолчанию (disc), круглый (circle) или квадратный (square). Например:

              • Программирование
              • Алгоритмизация
              • Проектирование

               Программирование
               Алгоритмизация
               Проектирование
              ________________________________________
              Вложенные списки
              Дадим пример вложенных списков:


              Список сотрудников


              Список сотрудников нашей фирмы


              Составлено : 30 июля 1996 года


              Данный список содержит фамилии, имена и отчества всех сотрудников нашей компании.


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



              1. Дирекция

                • Иванов И.И.
                • Петров К.В.

              2. Отдел маркетинга

                • Варшавская Е.Л.
                • Самсонов Д.М.




              Вот, что вы увидите на экране броузера:
              Список сотрудников нашей фирмы
              Составлено : 30 июля 1996 года
              Данный список содержит фамилии, имена и отчества всех сотрудников нашей компании.
              Список может быть использован только в служебных целях.
              1. Дирекция
              o Иванов И.И.
              o Петров К.В.
              2. Отдел маркетинга
              o Варшавская Е.Л.
              o Самсонов Д.М.
              ________________________________________
              Элемент списка

            • Тэг
            • может иметь параметры:
                или

                  в зависимости от того, в списке какого вида находится данный элемент.
                  TYPE
                  Вид маркера (см.
                    ) или счетчика (см.OL)
                    VALUE=n
                    Значение для элемента пронумерованного списка (его номер). Все дальнейшие номера элементов списка будут отсчитываться от этого номера.
                    Например:

                    1. Программирование
                    2. Алгоритмизация
                    3. Проектирование

                    XV. Программирование
                    XVI. Алгоритмизация
                    XVII. Проектирование
                    ________________________________________
                    Список определений
                    Список определений начинается с тэга
                    и завершается тэгом
                    . Данный список служит для создание списков типа "термин"-"описание". Каждый термин начинается тэгом
                    , а описание - тэгом
                    . Например:

                    Отдел маркетинга
                    Данный отдел занимается продвижением продуктов и услуг
                    Финансовый отдел
                    Данный отдел занимается всеми финансовыми операциями
                    Отдел кадров
                    Данный отдел занимается учетом и набором новых сотрудников фирмы, распределением отпусков, отслеживанием больничных листов и т.д.

                    Отдел маркетинга
                    Данный отдел занимается продвижением продуктов и услуг
                    Финансовый отдел
                    Данный отдел занимается всеми финансовыми операциями
                    Отдел кадров
                    Данный отдел занимается учетом и набором новых сотрудников фирмы, распределением отпусков, отслеживанием больничных листов и т.д.
                    ________________________________________
                    Гипертекстовые ссылки
                    Гипертекстовые ссылки являются ключевым компонентом, делающим WEB привлекательным для пользователей. Добавляя гипертекстовые ссылки (далее - ссылки), вы делаете набор документов связанным и структурированным, что позволяет пользователю получать необходимую ему информацию максимально быстро и удобно.
                    Ссылки имеют стандартный формат, что позволяет броузеру интерпретировать их и выполнять необходимые функции (вызывать методы) в зависимости от типа ссылки. Ссылки могут указывать на другой документ, специальное место данного документа или выполнять другие функции, например запрашивать файл по FTP-протоколу для отображения его броузером. URL может указывать на специальное место по абсолютному пути доступа, или указывать на документ в текущем пути доступа, что часто используется при организации больших структурированных WEB-сайтов.
                    Внимание! Вы можете использовать ссылки как для перемещения по документу, так и для перемещения от одного документа к другому. Однако, HTML не поддерживает возврат на предыдущую ссылку, если перемещение происходило внутри документа. Если вы используете ссылки внутри документа, а затем нажимаете на клавишу Back, то вы не перейдете на предыдущую ссылку, а вернетесь на ту часть документа, которую вы просматривали до этого.
                    ________________________________________
                    URL
                    HTML использует URL (Uniform Resource Locator) для представления гипертекстовых ссылок и ссылок на сетевые сервисы внутри HTML-документа. Первая часть URL (до двоеточия) описывает метод доступа или сетевой сервис. Другая часть URL (после двоеточия) интерпретируется в зависимости от метода доступа. Обычно, два прямых слэша после двоеточия обозначают имя машины:
                    method://machine-name/path/foo.html
                    Следующий пример представляет собой вызов HTML-документа index.html с сервера www.softexpress.com с использованием HTTP протокола:
                    http://www.softexpress.com/index.html
                    Uniform Resource Locator имеет следующий формат:
                    method://servername:port/pathname#anchor
                    Опишем каждый из компонентов URL:
                    METHOD
                    Имя операции, которая будет выполняться при интерпретации данного URL. Наиболее часто используемые методы:
                    file:
                    чтение файла с локального диска. Имя файла интерпретируется для локальной машины пользователя. Данный метод используется для отображения какого-либо файла, находящегося на машине пользователя. Например:
                    file:/home/alex/index.html - отобажает файл index.html из каталога /home/alex на пользовательской машине
                    http:
                    доступ к WEB-странице в сети с использованием HTTP-протокола. (Это наиболее часто используемый метод доступа к какому-либо HTML-документу в сети). Например:
                    http://www.softexpress.com/ - доступ к Home-странице компании SoftExpress
                    ftp:
                    запрос файла с анонимного FTP-сервера. Например:
                    ftp://hostname/directory/filename
                    mailto:
                    активизирует почтовую сессию с указанным пользователем и хостом. Например:
                    Бұл e-mail спам-боттардан қорғалған, оны қарау үшін Сізде Javascript қосулы болуы керек '; document.write( '' ); document.write( addy_text87548 ); document.write( '<\/a>' ); //--> Бұл e-mail спам-боттардан қорғалған, оны қарау үшін Сізде Javascript қосулы болуы керек - активизирует сессию посылки сообщения пользователю info на машине softexpress.com, если броузер поддерживает запуск электронной почты. Заметьте, что метод mailto: не требует указание слэшей после двоеточия (как правило, после двоеточия сразу идет электронный адрес абонента)
                    telnet:
                    обращение к службе telnet
                    news:
                    вызов службы новостей, если броузер ее поддерживает. Например:
                    news:relcom.www.support
                    SERVERNAME
                    Необязательный параметр, описывающий полное сетевое имя машины. Например:
                    www.softexpress.com - полное сетевое имя сервера фирмы СофтСервис.
                    Если имя сервера не указано, то ссылка считается локальной, и полный путь, указанный далее в URL вычисляется на той машине, с которой взят HTML-документ, содержащий данную ссылку. Вместо символьного имени машины может быть использован IP-адрес, однако это не рекомендуется из-за возможного пересечения с фиксированными локальными адресами внутренней сети.
                    PORT
                    Номер порта TCP на котором функционирует WEB-сервер. Если порт не указан, то "по умолчанию" используется порт 80. Данный параметр (port) не используется в подавляющем большинстве URL.
                    PATHNAME
                    Частичный или полный путь к документу, который должен вызваться в результате интерпретации URL. Различные WEB-сервера сконфигурированы по разному для интерпретации пути доступа к документу. Например, при использовании CGI скриптов (исполняемых программ), они обычно собираются в одном или нескольких выделенных каталогах, путь к которым записан в специальных параметрах WEB-сервера. Для данных каталогов WEB-сервером выделяется специальный логический путь, который и используется в URL. Если WEB-сервер видит данный путь, то запрашиваемый файл интерпретируется как исполняемый модуль. В противном случае, запрашиваемый файл интерпретируется просто как файл данных, даже если он является исполняемым модулем. Например:
                    http://www.softexpress.com/cgi-win/handle.exe
                    В данном примере HTTP-сервер должен вызвать CGI-скрипт с именем handle.exe, который находится на машине с сетевым именем www.softexpress.com. Путь к данному скрипту - /cgi-win/ - в действительности является виртуальным путем (выделенным сервером для исполняемых модулей). Заметьте, что при описании пути используется UNIX-подобный синтаксис, где, в отличии от DOS и Windows используются прямые слэши вместо обратных. Если после сетевого имени машины сразу идет имя документа, то он должен находиться в корневом каталоге на удаленной машине или (что чаще) в каталоге, выделенном WEB-сервером в качестве корневого. Если же URL закагчивается сетевым именем машины, то в качестве документа запрашивается документ из корневого каталога удаленной машины с именем, установленным в настройках WEB-сервера (как правило, это index.html).
                    #ANCHOR
                    Данный элемент является ссылкой на строку (точку) внутри HTML-документа. Большинство броузеров, встречая после имени документа данный элемент, размещают документ на экране таким образом, что указанная строка документа помещается в верхнюю строку рабочего окна броузера. Точки, на которые ссылается #anchor, указываются в документе при помощи тэга NAME, как это будет описано далее.
                    ________________________________________
                    Структура ссылок в HTML-документе
                    Пока что мы рассмотрели только внешний вид URL. Для того, чтобы броузер отобразил ссылку на URL, необходимо отчетить URL специальными тэгами в HTML-документе. Синтаксис HTML, позволяющий жто сделать - следующий:
                    текст-который-будет-подсвечен-как-ссылка
                    Тэг открывает описание ссылки, а тэг - закрывает его. Любой текст, находящийся между данными двумя тэгами подсвечивается специальным образом Web-броузером. Обычно этот текст отображается подчеркнутым и выделенным синим (или другим заданным пользователем) цветом. Текст, обозначающий URL, не отображается броузером, а используется только для выполнения предписанных им действий при активизации ссылки (обычно при щелчке мыши на подсвеченном или подчеркнутом тексте). Вот пример сегмента HTML-документа:
                    Для получения примера смотри
                    страницу  
                    Данная строка будет выглядеть на экране следующим образом:
                    Для получения примера смотри страницу
                    ________________________________________
                    Ссылки на точки внутри документа
                    Вы можете делать ссылки на различные участки или разделы одного и того же документа, используя специальных скрытый маркер для этих разделов. Это позволяет быстро переходить от раздела к разделу внутри документа, не используя скроллирование экрана. Как только вы щелкнете на ссылке, броузер переместит вас на указанный раздел документа, а строка, в которой стоит маркер данного раздела (обычно, первая строка раздела или заголовок раздела) будет ращзмещена на первой строке окна броузера (если данная строка не присутствует уже на экране броузера).
                    Для создания такой ссылки необходимо выполнить следующие шаги:
                    1. Создайте маркер раздела. Синтаксис данного маркера следующий:
                    Текст-который-отобразится-в-первой-строке-броузера
                    2. Создайте ссылку на данный маркер:
                    Текст
                    Например:

                    Список разделов



                    Раздел 1


                      Текст раздела 1


                    Раздел 2


                      Текст раздела 2


                      Список разделов
                      • Раздел 1
                      • Раздел 2
                      Раздел 1
                      Текст раздела 1
                      Раздел 2
                      Текст раздела 2
                      Символы "#ex1" сообщает вашему броузеру, что необходимо найти в данном HTML-документе маркер с именем "ex1".
                      Когда пользователь щелкнет мышью на строке "Раздел 1", броузер перейдет сразу к разделу 1.
                      Внимание! Как ранее было показано в синтаксисе URL, маркер раздела может быть поставлен как в том же документе, который просматривается в текущий момент, так и в другом документе. Во втором случае броузер осуществит подгрузку другого документа и перейдет к указанному для него разделу.
                      ________________________________________
                      Графика внутри HTML-документа
                      Одна из наиболее привлекательных черт Web - возможность включения ссылок на графические и иные типы данных в HTML-документ. Делается это при помощи тэга . Использование данного тэга позволяет значительно улучшить внешний вид и функциональность документов.
                      Существует два способа использования графики в HTML-документах. Первый - это внедрение графических образов в документ, что позволяет пользователю видеть изображения непосредственно в контексте других элементов документа. Это наиболее используемая техника при проектировании документов, называемая иногда "inline image". Синтаксис тэга:
                      text
                      Опишем элементы синтаксиса тэга:
                      URL
                      Обязательный параметр, имеющий такой же синтаксис, как и стандартный URL. Данный URL указывает броузеру где находится рисунок. Рисунок должен храниться в графическом формате, поддерживаемом броузером. На сегодняшний день форматы GIF и JPG поддерживаются большинством броузеров.
                      ALT="text"
                      Данный необязательный элемент задает текст, который будет отображен броузером, не поддерживающим отображение графики или с отключенной подкачкой изображений. Обычно, это короткое описание изображения, которое пользователь мог бы или сможет увидеть на экране. Если данный параметр отсутствует, то на месте рисунка большинство броузеров выводит пиктограмму (иконку), активизировав которую, пользователь может увидеть изображение. Тэг ALT рекомендуется, если ваши пользователи используют броузер, не поддерживающий графический режим, например Lynx.
                      HEIGTH=n1
                      Данный необязательный параметр используется для указания высоты рисунка в пикселах. Если данный параметр не указан, то используется оригинальная высота рисунка. Это параметр позволяет сжимать или растягивать изображения по вертикали, что позволяет более четко определять внешний вид документа. Однако, некоторые броузеры не поддерживают данный параметр. С другой стороны, экранное разрешение у вашего клиента может отличаться от вашего, поэтому будьте внимательны при задании абсолютной величины графического объекта.
                      WIDTH=n2
                      Параметр также необязателен, как и предыдущий. Позволяет задать абсолютную ширину рисунка в пикселах.
                      ALIGN
                      Данный параметр используется, чтобы сообщить броузеру, куда поместить следующий блок текста. Это позволяет более строго задать расположение элементов на экране. Если данный параметр не используется, то большинство броузеров располагает изображение в левой части экрана, а текст справа от него.
                      ISMAP
                      Этот параметр сообщает броузеру, что данное изображение позволяет пользователю выполнять какие-либо действия, щелкая мышью на определенном месте изображения. Данная возможность является расширением HTML и будет обсуждена нами позже.
                      Приведем пример использования данного тэга:
                      http://www.softexpress.com/images/nekton.jpg" ALT="СофтСервис лого" ALIGN="top" ISMAP>
                      С версии HTML 2.0 у тэга появились дополнительные параметры:
                      text
                      Новые параметры:
                      BORDER
                      Данный параметр позволяет автору определить ширину рамки вокруг рисунка.
                      VSPACE
                      Позволяет установить размер в пикселах пустого пространства над и под рисунком, чтобы текст не наезжал на рисунок. Особенно это важно для динамически формируемых изображений, когда нельзя заранее увидеть документ.
                      HSPACE
                      То же самое, что и VSPACE, но только по горизантали.
                      ________________________________________
                      Фоновые рисунки
                      Большинство броузеров позволяет включать в документ фоновый рисунок, который будет матрицироваться и отображаться на фоне всего документа. Некоторые пользователи любят фоновую графику, некоторые нет. Ненавязчивый полупрозрачный рисунок (обои) обычно хорошо выглядит в качестве фона для большинства документов.
                      Описание фонового рисунка включается в тэг BODY и выглядит следующим образом:

                      ________________________________________
                      Задание стандартных цветов
                      Многие HTML-авторы любят использовать заранее предопределенные цвета фона документа, обычного текста и ссылок. Чтобы задать эти цвета, необходимо включить в тэг дополнительные параметры:

                      где каждый из параметров определяет цвет того или иного элемента. Опишем эти параметры:
                      BGCOLOR
                      Цвет фона документа
                      TEXT
                      Цвет простого текста документа
                      LINK
                      Цвет ссылки
                      Цвет задается шестизначным числом в шестнадцатиричном формате по схеме RGB (Red, Green, Blue). Цвет #000000 соответствует черному, а цвет #FFFFFF - белому. Например:

                      Данная строка определяет белый цвет фона документа, черный текст и серебристые ссылки.
                      ________________________________________
                      Горизонтальная линия
                      Используя тэг
                      вы можете разделить текст горизонтальной чертой.
                      Формат тэга:


                      Параметры тэга:
                      SIZE
                      Толщина линии в пикселах.
                      WIDTH
                      Ширина линии в пикселах или процентах от ширина окна броузера.
                      ALIGN
                      Расположение на экране (слева | по центру | справа).
                      NOSHADE
                      По умолчанию линия представлена в 3D виде с тенью. NOSHADE позволяет представить линию просто однотонной темной полоской.
                      ________________________________________
                      Добавление стилей в ваш HTML-документ
                      HTML позволяет использовать различные стили шрифтов для выделения текстовой информации в ваших документах. Вот короткий список стилей, поддерживаемых большинством броузеров:
                      • bold (жирный)
                      • italic (наклонный)
                      • mono spaced (type writer - с использованием фиксированных шрифтов)
                      Вы можете комбинировать различные виды стилей, например жирный и наклонный.
                      Стиль Элемент или тэг Результат
                      Bold  Этот текст жирный  Этот текст жирный
                      Italic  Этот текст наклонный  Этот текст наклонный
                      Mono spaced  Этот текст с непроп. шрифтом  Этот текст с непроп. шрифтом
                      Комбинирование стилей позволяет вам отображать в одной строке несколько элементов различными стилями, например:
                      Жизнь - это песня!
                      Жизнь - это песня!
                      Внимание! Добавление большого количества стилей и их комбинаций приводит к затруднению чтения текста!
                      Дополнительные стили:
                      • big (юольшой)
                      • small (маленький)
                      • sub (подстрочник)
                      • sup (надстрочник)
                      Стиль Элемент или тэг Результат
                      Big Этот текст большой  Этот текст большой
                      Small Этот текст маленький  Этот текст маленький
                      Sub Этот текст подстрочник  Этот текст подстрочник
                      Sup Этот текст надстрочник  Этот текст надстрочник
                      ________________________________________
                      Размер шрифта
                      Вы можете изменять размер шрифта при помощи тэга:

                      Шрифт может иметь размер от 1 до 7. Вы можете прямо указать размер шрифта цифрой, или указать смещение относительно базового значения (по умолчанию - 3) в положительную или отрицательную сторону. Базовое значение можно изменить при помощи тэга:

                      Например:

                      и
                      зм
                      ен
                      ен
                      и
                      е


                      изменение
                      ________________________________________
                      Цвет шрифта
                      Вы можете изменить цвет шрифта при помощи тэга:

                      Цвет указывается в RGB-формате (Red-Green-Blue) посредством указания размерности каждой компоненты цвета в шестнадцатиричном формате. Например, белый цвет обозначается "000000", черный - "FFFFFF", синий - "0000FF" и т.п.

                      Красный


                      Зеленый


                      Синий

                      Красный Зеленый Синий
                      ________________________________________
                      Специальные тэги HTML
                      Следующие тэги позволят вам сделать ваш HTML-документ более функциональным.
                      Тэг адреса

                      Тэг
                      используется для выделения автора документа и его дреса (например, e-mail). Синтаксис:
                      Адрес-автора

                      Escape-последовательности
                      Некоторые символы являются управляющими символами в HTML и немогут напрямую использоваться в документе:
                      • левая угловая скобка "<"
                      • правая угловая скобка ">"
                      • амперсанд "&"
                      • двойные кавычки """
                      Чтобы использовать данные символы в документе, необходимо заменить их escape-последовательностями:
                      <  <
                      >  >
                      &  &
                      "  "
                      Существует большое количество escape-последовательностей для обозначения специальных символов, например "©" для обозначения знака © и ® для значка ®, появившихся в HTML 2.0. Одной из особенностей является замена символов во 2-ой части символьной таблицы (после 127-ого символа) на escape-последовательности для передачи текстовых файлов с национальными языками по 7-битным каналам.
                      Внимание! Escape-последовательности чувствительны к регистру: НЕЛЬЗЯ использовать < вместо <.

                       

  •   Рефераты на русском языке - Информатика


    Яндекс.Метрика