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


 

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

75581. З історії відомих винаходів людства, Числівники, План-конспект уроку з англійської мови для учнів 9-х класів 141.5 KB
  Обладнання: підручник Numbers HO1 Write the numbers s words HO2 ordinl Numbers H03 Clendrrdquo; H04 Look t the picture H05 Frctions nd decimls H06 Circle the letter Н07 автентичний текст Blue Jens Cross out the word HOs. We hve to review the grmmr bout Numbers: crdinl numbers ordinl number; frctions decimls. By the end of the lesson you should be ble: to review nd operte the numbers crdinl ordinl frctions decimls when dcing exercises; to identify min ides nd detils of uthentic text for reding despite the...
75582. Американські індіанці, План-конспект уроку з англійської мови для учнів 9-х класів 61.5 KB
  Обладнання: підручник Mtch the pirs HO1 ngrms H02 карта світу на дошці Put the sentences given below in the correct order H03 автентичний текст для позакласного читання mericn Indins H04. Т: The topic of our todys lesson is: mericn Indins . By the end of the lesson you should be ble: to recognize understnd nd operte lexicl mteril bout Indins; to identify min ides nd detils from the text for reding; to prticipte in common converstionl exchnge on the topic of our...
75583. День Незалежності США, План-конспект уроку з англійської мови для учнів 9-х класів 57 KB
  Т: We re going to tlk bout the Independence Dy of US. By the end of the lesson you should be ble: to identify min ides nd detils from the uthentic text for reding despite the nturl difficulties; to tlk bout the celebrtion of the Independence Dy in US; to conduct your own dilogues using the given ones s model...
75584. Риси характеру американців, План-конспект уроку з англійської мови для учнів 9-х класів 57 KB
  Т: Tody we re going to tlk bout the min fetures of chrcter of mericn pec By the end of the lesson you should be ble: to identify min ides nd detils from the text for reding; to tlk bout the min fetures of chrcter of mericn people; to conduct your own dilogues using the given ones s model. Т: Wht do you know bout culture shock When people trvel to other countries they find tht mny things re different from their own country the wether the food the greetings gestures of people their behviour lifestyle nd so on. Often it upsets people nd...
75585. Традиційна американська їжа. Активізація ЛО теми «їжа» 78 KB
  Практикувати учнів у читанні тексту і в аудіюванні автентичного тексту з метою отримання загального уявлення та з метою точного та повного розуміння усієї інформації, що в ньому міститься, незважаючи на мовні труднощі.
75586. Вашингтон — столиця США, План-конспект уроку з англійської мови для учнів 9-х класів 74.5 KB
  Обладнання: підручник автентичний текст для читання Wshington D. Т: Tody we re going to tlk bout Wshington D. By the end of the lesson you should be ble: to review lexicl nd grmmr mteril bout the United Sttes nd its lrgest city New York; to identify min ides nd detils from the uthentic text for reding; to tlk bout Wshington D. The clp of the US is Wshington D.
75588. Театр. Вільний час, План-конспект уроку з англійської мови для учнів 9-х класів 71.5 KB
  Активізувати вживання ЛО теми «Вільний час», «Відвідування театру естради». Практикувати учнів у читанні тексту з метою отримання загального уявлення (skimming) та максимально повного й точного розуміння усієї інформації, що в ньому міститься (scanning) Підготувати до самостійного усного висловлювання про відвідування театру.
75589. Відвідування театру естради, План-конспект уроку з англійської мови для учнів 9-х класів 65.5 KB
  Активізувати в мові учнів вживання ЛО теми «Відвідування театру». Підготувати учнів до самостійного висловлювання про відвідування театру естради на основі плану. Практикувати у діалогічному мовленні: конструюванні діалогів за заданою ситуацією та з урахуванням міжрольових взаємодій комунікативних партнерів...