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


 

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

44160. ИНСТРУМЕНТЫ ПАБЛИСИТИ ИНТЕРНЕТ РЕСУРСА 284.5 KB
  Характеристика инструментов продвижения ИнтернетСМИ в России: исторический аспект. Особенности коммуникационного пространства сети интернет12 Разработка webсайта как инструмент паблисити. Формирование паблисити в Интернете.
44161. Универсальная программно – аппаратная тестирующая система тестирования знаний с разделяемыми правами доступа по оптимальным методам 2.28 MB
  Хотя известны попытки создания систем управления базами данных, поддерживающих сетевую модель для персональных компьютеров, в настоящее время реляционные системы лучше соответствуют их техническим возможностям и вполне удовлетворяют большинство пользователей. Скоростные характеристики этих СУБД поддерживаются специальными средствами ускоренного доступа к информации - индексированием баз данных.
44162. Бизнес – плана предприятия по производства одежды 609.5 KB
  Локальный характер спроса на услуги заставляет размещать предприятия сферы сервиса повсеместно в центре их потребления с учетом конкретных условий и особенностей зон обслуживания. Это создает возможность посещать предприятия сферы сервиса по пути на работу или с работы приведет к экономии времени потребителя на дорогу т. Эстетика обслуживания благоприятная обстановка и комфорт создаваемые заказчику при получении услуги способствующие улучшению настроения человека и оставляющие хорошее впечатление от посещения предприятия.1 Исходные...
44163. Разработка программного обеспечения для формирования договоров фирмы «МегаКомок» 2.89 MB
  Торговая деятельность связана с движением товаров и денежных средств, а значит и с формированием и печатью большого количества первичных документов. Программа управления торговлей МойСклад полностью реализует задачи благодаря следующим возможностям...
44164. Розробка структурної і функціональної схеми кондиціонера з мікропроцесорним управлінням 1.32 MB
  Кондиціювання повітря (лат. condicio умова, вимога) - це створення та автоматична підтримка (регулювання) в закритих приміщеннях всіх або окремих параметрів (температури, вологості, чистоти, швидкості руху) повітря на визначеному рівні з метою забезпечення оптимальних метеорологічних умов, найбільш сприятливих для самопочуття людей або ведення технологічного процесу
44165. Разработка мероприятий с целью улучшения экономического состояния организации Управление Технологического Транспорта Общество с Ограниченной Ответственностью «Лукойл-Бурение Пермь» 751 KB
  Развитие рыночных отношений в России поставило предприятия различных организационно-правовых форм в жесткие экономические условия которые объективно обусловили необходимость проведения сбалансированной политики по поддержанию и укреплению финансового состояния платежеспособности и финансовой устойчивости. К основным функциям УТТ как производственного предприятия относятся: предоставление услуг...
44166. Способы повышения методического мастерства 253.5 KB
  Способы повышения методического мастерства учителя Инновационные аспекты в повышении методического мастерства учителя Таким образом одним из инструментов компетенции самосовершенствования учителя иностранного языка является методическое мастерство.
44167. КОНФІКСАЛЬНІ ІМЕННИКИ У СКЛАДІ ТЕРМІНОЛОГІЧНОЇ ЛЕКСИКИ СУЧАСНОЇ УКРАЇНСЬКОЇ МОВИ 493.5 KB
  Конфіксальні деривати на позначення зоологічних назв Зміна поглядів на префіксальносуфіксальний словотвір який став визначатися дериватологами як конфіксація творення слів за допомогою функціонально єдиної двоелементної морфеми конфікса який обрамляє твірну основу в похідному слові і має єдине словотвірне значення привело до появи нових важливих теоретичних і практичних завдань в галузі конфіксації. Різноманітні в семантичному плані вони становлять інтерес з точки зору особливостей їх функціонування в різних...
44168. Международные и локальные способы борьбы с организованной преступностью 297 KB
  Понятие организованной преступности крупнейшие преступные организации и сферы их деятельности. Определение организованной преступности и преступной организации. Международные и локальные способы борьбы с организованной преступностью. Международное сотрудничество в области борьбы с организованной преступностью