38035

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

Лабораторная работа

Информатика, кибернетика и программирование

Сдвиг один Сдвиг другой Сдвиг сякой Хочу обратить ваше внимание что это прописано без параметра type но при помощи тэга ul : ul li Сдвиг один li ul ul ul li Сдвиг другой li ul ul ul ul ul li Сдвиг сякой li ul ul ul Списки могут быть и вложенными: как это выглядит: Код: тема 1 подтема 1 подтема 2 подподтема подтема 3 тема 2 UL LI тема 1 OL LI подтема 1 LI подтема 2 OL strt= 10 LI подподтема OL LI подтема 3 OL LI тема 2 UL Оформление списков может нумероваться...

Русский

2013-09-25

60.5 KB

29 чел.

Лабораторная работа №4. «Нумерованные и маркированные списки»

Цель: научиться делать списки на web-странице. Применяя теги маркированных и нумерованных списков, оформлять предложенный текст.

Необходимые для работы теги

Замечание. Допускается вложение контейнеров списков всех типов друг в друга и пустые списки. Броузеры делают отступы вложенного списка относительно внешнего. В начале и в конце списка делается перевод строки.

Теги общие для всех типов списков (кроме определений):

<lh> - заголовок списка, 

<li> - начало пункта списка. 

Атрибут общий для всех типов списков: 

compact - представить список в компактном виде (например, меньшим шрифтом). 

<ol a >т</ol>

нумерованный список. Атрибуты:

start=""  -устанавливает начальный номер в текущем списке, 

type="" -устанавливает тип маркера. Значения: 

A - маркер в виде прописных букв, 

a - маркер в виде строчных букв, 

I - маркер в виде больших римских цифр, 

i - маркер в виде маленьких римских цифр, 

1 - маркер в виде арабских цифр. 

<ul a >т</ul>

маркированный список. Атрибут:

type="" - устанавливает тип маркера.

Вид маркеров в каждом броузере свой для разных значений: disc, square, circle. 

  •  type="disk" - полный кружок (по умочанию)
  •  type="circle" - полый кружок 
  •  type="square" - квадратик 

<menu a >т</menu>

маркированный список.

<dir a >т</dir>

маркированный список.

<dl a >т</dl>

список определений. Теги пункта определения:

<dt> - определяемый термин не более строки, 

<dd> - обзац определения термина. 

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

Примеры использования списков.

  Текст один

  Текст другой

  Текст сякой

  Текст эдакий

Скорее всего, вы с этим сталкивались. Все это удобно в определенных ситуациях, например, в оглавлениях.  Приведенный выше список реализовывается так:

<li>Текст один</li>
<li>Текст другой</li>
<li>Текст сякой</li>
<li>Текст эдакий</li>

Возникает вопрос: можно ли помимо закрашенного кружочка написать еще что-нибудь подобное?

  По умолчанию - (1)

  Полый кружок - (2)

  Не будь таким квадратным - (3)

У тэга <li> есть параметр type:

В случае (1) - <li type="disk">,
в случае (2) - <li type="circle">,
в случае (3) - <li type="square">.

Это один из вариантов. Если вы пользовались текстовыми редакторами (допустим Word), то знаете, что такое Табуляция (это когда вы жмете на кнопочку Tab и весь текст сдвигается вправо). Похожая функция есть и в HTML:

<ul>Ваш текст</ul>

Чтобы отступ (табуляция) был больше надо вкладывать тэг <ul> в самого себя:

<ul><ul>Два отступа</ul></ul>
<ul><ul><ul>Три отступа</ul></ul></ul>

Рассмотрим еще один пример использования списков.

  •  Сдвиг один
    •  Сдвиг другой
      •  Сдвиг сякой

Хочу обратить ваше внимание, что это прописано без параметра type, но при помощи тэга <ul>:

<ul><li>Сдвиг один</li></ul>
<ul><ul><li>Сдвиг другой</li></ul></ul>
<ul><ul><ul><li>Сдвиг сякой</li></ul></ul></ul>

Списки могут быть и вложенными:

как это выглядит:

Код:

  •   тема 1
    1.  подтема 1
    2.  подтема 2
      1.  подподтема
    3.  подтема 3
  •   тема 2

<UL>
   <LI>тема 1
          <OL>
   <LI>подтема 1
   <LI> подтема 2
          <OL start="10">
   <LI> подподтема
          </OL>
   <LI> подтема 3
           </OL>
   <LI>тема 2
</UL>


Оформление списков может нумероваться не только цифрами, но и буквами.

  1.  тема 1
  2.  тема 2
  3.  тема 3

<OL type="i" >

римские малые

  1.  тема 1
  2.  тема 2
  3.  тема 3

<OL type="I" >

римские заглавные

  1.  тема 1
  2.  тема 2
  3.  тема 3

<OL type="a" >

английские малые

  1.  тема 1
  2.  тема 2
  3.  тема 3

<OL type="A" >

английские заглавные

  1.  тема 1
  2.  тема 2
  3.  тема 3

<OL type="1" >

арабские цифры

Задание. Сформировать оглавление вашего личного сайта (или структуру  ВолГУ(список факультетов, институтов, музеев, библиотек, кафедр, приводя известные вам номера аудиторий, ФИО сотрудников, приведенных кафедр)) по образцу оглавления книги, используя весь список приведенных в данной теме тегов, а также теги шрифтов, горизонтальных линий и фона страницы.

Замечание. Можно подключить фантазию и оформить с помощью тегов списков одну из страниц вашего сайта, например, приведя знаки зодиаков родственников, их любимых блюд, или краткую характеристику 6-8 своих одногруппников.

Содержание

  •  ПРЕДИСЛОВИЕ
  •  ВВЕДЕНИЕ
  1.  ГЛАВА 1. СТРУКТУРА РЕДАКТОРА VBA
    1.  Окно проекта (Project Explorer)
    2.  Окно свойств (Properties window)
    3.  Контрольные вопросы
  2.  ГЛАВА 2. СОСТАВЛЯЮЩИЕ ЯЗЫКА ПРОГРАММИРОВАНИЯ
    1.  Алфавит VBA
    2.  Переменные и константы
      •  Область действия переменных и констант
      •  Объявление (описание) переменных и констант
      •  Контрольные вопросы
    3.  Управляющие конструкции
      1.  Выражения
      2.  Приоритеты операций
      3.  Встроенные функции
        1.  Математические функции
        2.  Функции проверки типов
        3.  Функции преобразования типа выражения
      4.  Операторы альтернативы (ветвления)
        1.  Условный оператор
        2.  Оператор выбора (варианта)
        3.  Контрольные вопросы 
  •  ЗАКЛЮЧЕНИЕ
  •  БИБЛИОГРАФИЧЕСКИЙ СПИСОК


 

А также другие работы, которые могут Вас заинтересовать

75517. Характеристика типовой конфигурации 21.5 KB
  При отражении основных хозяйственных операций по различным разделам учета а также при вводе регламентных операций в конце месяца в типовой конфигурации происходит автоматическое формирование бухгалтерских проводок. Кроме того она поставляется с набором типовых операций полностью настроенных и готовых к применению.
75518. Конфигуратор ИС «1С: Предприятие» 100 KB
  Созданная конфигурация используется системой для реализации программного окружения для выполнения необходимых учетных задач. Работа по созданию конфигурации задачи выполняется в окне Конфигурация рис. Автоматически проверка на несохраненную информацию выполняется также при закрытии окна Конфигурация или при выходе из Конфигуратора. Конфигурация задачи сохраняется на диске в каталоге с базой данных определяется параметром D в командной строке запуска 1С:Конфигуратор в файле с именем 1CV7.
75519. Предметно-ориентированные ЭИС, основные понятия 29 KB
  Предметно-ориентированные информационные системы раскрываются организационно-методологические основы построения и функционирования экономических информационных систем. Рассматриваются возможности создания и использования бухгалтерских...
75520. Понятие базы данных, основные определения и понятия 29 KB
  База данных БД именованная совокупность данных отражающая состояние объектов и их отношений в рассматриваемой предметной области. Система управления базами данных СУБД совокупность языковых и программных средств предназначенных для создания ведения и совместного использования БД многими пользователями. Основными понятиями реляционных баз данных являются тип данных домен атрибут кортеж первичный ключ и отношение.
75521. Особенности построения базы данных, банка данных и СУБД 24 KB
  Современные авторы часто употребляют термины «банк данных» и «база данных» как синонимы, однако в общеотраслевых руководящих материалах по созданию банков данных Государственного комитета по науке и технике...
75522. Трехуровневая модель СУБД предложенная организацией ANSI 114.5 KB
  Трехуровневая модель СУБД предложенная организацией NSI Система управления базами данных СУБД совокупность языковых и программных средств предназначенных для создания ведения и совместного использования БД многими пользователями. Трехуровневая модель системы управления базой данных предложенная АN5I Уровень внешних моделей самый верхний уровень где каждая модель имеет свое видение данных. Концептуальный уровень центральное управляющее звено здесь база данных представлена в наиболее общем виде который объединяет данные...
75523. ИС Project Expert, назначение и основные принципы работы 27 KB
  ИС Project Expert назначение и основные принципы работы В своей деятельности руководитель предприятия постоянно сталкивается с необходимостью определения текущего и будущего положения предприятия на рынке подготовки плана развития оценки возможных альтернатив анализа эффективности принимаемых решений. Процесс планирования развития предприятия в условиях рынка требует применения современных методик и инструментов снижающих временные затраты. В зарубежной литературе имитационные модели описывающие деятельность предприятия в условиях рынка...
75524. Концептуальная модель ИС 1С: Предприятие 23 KB
  Концептуальная модель ИС 1С: Предприятие В основе ИС оперативного анализа данных лежит многомерное концептуальное представление суть которого в выделении из общего объёма информации собственно анализируемых данных фактов и вспомогательных данных измерений. Сюда относятся способы построения структур данных типы связей между данными принципы манипулирования ими формы описания бизнеслогики способы связи данных с интерфейсными объектами разделение функциональности по уровням системы и многое другое. Вся разработка ведется в рамках одной...
75525. Процесс взаимодействия пользователя, СУБД и ОС при обработке запроса на получение данных 32 KB
  Процесс взаимодействия пользователя СУБД и ОС при обработке запроса на получение данных Следующий рисунок иллюстрирует взаимодействие пользователя СУБД и ОС при работке запроса на получение данных. Схема прохождения запроса к БД Пользователь посылает СУБД запрос на получение данных из БД. В случае запрета на доступ к данным СУБД сообщает пользователю об этом стрелка 12 и прекращает дальнейший процесс обработки данных в противном случае СУБД определяет часть концептуальной модели которая затрагивается запросом пользователя стрелка...