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.  Контрольные вопросы 
  •  ЗАКЛЮЧЕНИЕ
  •  БИБЛИОГРАФИЧЕСКИЙ СПИСОК


 

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

50596. КОМПЕНСАЦИЯ РЕАКТИВНОЙ МОЩНОСТИ В ЭЛЕКТРИЧЕСКИХ СЕТЯХ 344 KB
  Цель работы: исследование влияния продольной и поперечной компенсации реактивной мощности на параметры электрической сети. Принципиальная электрическая схема лабораторного стенда Рис. 1 Результаты экспериментальных исследований (без компенсации и с поперечной компенсацией)
50598. АНАЛИЗ РЕЖИМОВ КОЛЬЦЕВЫХ СЕТЕЙ 57.5 KB
  Проделав лабораторную работу, мы исследовали режимы работы кольцевых сетей. Выяснили, что при одинаковых напряжения питающих пунктов, вследствие естественного перераспределения мощностей в замкнутой однородной сети, потери мощности получаются минимальными.
50599. АНАЛИЗ РЕЖИМОВ РАЗОМКНУТЫХ СЕТЕЙ 52.5 KB
  Проделав лабораторную работу, мы исследовали режимы работы разомкнутых сетей. Анализируя графики можно сделать вывод, что ток в линии прямо пропорционален мощности, поэтому увеличение мощности потребителя ведёт к увеличению тока, в связи с этим увеличиваются потери в линии и возникает просадка (снижение) уровня напряжения, что так же хорошо видно на графиках.
50600. Импульсные стабилизаторы напряжения 143 KB
  Цель работы Изучить назначение принцип действия свойства и возможные схемотехнические решения импульсных стабилизаторов напряжения. Задание Ознакомиться с принципами построения характеристиками и свойствами импульсных стабилизаторов напряжения. Исследовать свойства импульсных стабилизаторов напряжения построенного на биполярных транзисторах.
50601. Схемотехнические решения устройств на операционных усилителях 586 KB
  Принципиальная схема простого аналогового интегратора показана на рис. На этой схеме конденсатор в цепи обратной связи ОУ подсоединен между суммирующим входом и выходом интегратора. Для определения выходного напряжения интегратора при постоянном напряжении Ui на его входе воспользуемся формулой коэффициента передачи усилителя с параллельной отрицательной обратной связью Kip = Uo Ui = Kp [1 bp Kp] 1 в которой Кр = А...
50602. Генераторы электрических колебаний 488 KB
  Зарисовать осциллограммы на выходе RCгенератора при 3х и 4х звенной фазосдвигающей цепочки. Исследовать зависимость амплитуды и частоты выходного сигнала а также периода самовозбуждения генератора от величины R и С и занести полученные значения в таб.5 кОм С мкФ 5 10 20 40 80 Um В 355 327 273 207 143 Т С 026 03 034 037 038 Гц 385 333 294 27 263 Tcв сек Исследование генератора на операционном усилителе.
50603. Пуск-Autodesk-Autodesk 3d Max 8-3d Max 8 516.5 KB
  Находится в верхней части окна программы и обеспечивает доступ к основным командам 3ds Mx 7. Обычно находится под главным меню но может отображаться как плавающая панель или располагаться в других местах окна. Viewports Окна проекций. Расположены в центре окна и занимают его большую часть.
50604. Создание геометрических примитивов. Добавление освещения в сцену 278 KB
  Установив параметры нажмите кнопку Crete Создать. В окне проекции Top Вид сверху нажмите левую кнопку мыши и не отпуская левую клавишу передвиньте мышь определяя первый радиус конуса. Расположение объектов в окне проекции Top Создайте Тор для этого: Нажмите кнопку Torus Тор на панели Cret Создать Создайте тор в окне проекции Top Вид сверху. Создайте трубу для этого: Нажмите кнопку Tube Труба на панели Cret Создать Создайте в окне проекции Top...