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


 

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

54315. RECIPROCAL TEACHING 44.5 KB
  Reciprocal teaching is a reading strategy in which students take turns teaching small sections of the text. It is usually done in small groups. All students initially read a section of the text. One student begins by summarizing a section of the text and questioning the others about the meaning of the section. Any difficult parts are identified and discussed and then predictions are made about the next section to be read.
54316. Методичні рекомендації класному керівникові, щодо організації профільного навчання і допрофільної підготовки в 9-х класах 73 KB
  Доцільно проводити шкільні міжшкільні олімпіади дні відкритих дверей видавати інформаційні матеріали які знайомлять учнів із специфікою вимог і особливостями профільного навчання в різних освітніх закладах району. По суті інформаційна робота повинна стати змістовною подорожжю для учнів по освітній території для чого необхідно спланувати відповідний маршрут форми дати конкретні домовленості про час і форми заходів з керівниками освітніх установ. Частина часу ймовірно кілька годин в цілому слід буде передбачити на...
54317. Функціональні методи розвязування рівнянь 193.5 KB
  Мета: - повторити функціональні методи розв’язування рівнянь; - розвивати вміння і навички розв’язування рівнянь різними методами; - розвивати вміння систематизувати і узагальнювати, робити умовиводи; - виховувати прагнення до реалізації своїх навчальних можливостей.
54318. Застосування активних методів і форм на заняттях іноземної мови 288 KB
  Робота над проектом здійснюється у кілька етапів і зазвичай виходить за рамки навчальної діяльності на заняттях: вибір теми чи проблеми проекту, формування групи виконавців, розробка плану роботи над проектом, визначення термінів, розподіл завдань серед студентів, обговорення в групі результатів виконання кожного завдання, оформлення спільного результату, звіт по проекту, оцінка виконання проекту.
54319. Чи можливо виховати генія? 75.5 KB
  От чому в процесі навчання необхідно систематично збуджувати розвивати і укріплювати пізнавальний інтерес учнів і як важливий мотив навчання і як стійку рису особистості і як могутній засіб виховуючого навчання підвищення його якості. Основна мета роботи вчителя по активізації пізнавальної діяльності учнів розвиток їх творчих здібностей. Досягнення цієї мети дозволяє вирішити багато завдань навчання: забезпечити міцні і усвідомлені знання навчального матеріалу; підготувати учнів до активної участі у виробничій...
54320. Пути развития европейской культуры в эпоху Нового времени 20.7 KB
  Название «Новое время» в истории культуры Европы обычно употребляется по отношению к трем векам – XVII, XVIII и XIX. Эти века наполнены событиями политическими, экономическими, философскими, художественными. XVII век не имеет общепризнанного названия как Возрождение или век Просвещения.
54321. Створення та редагування таблиць із застосуванням режиму конструктора, використання звязків між таблицями, створення форм із застосуванням майстра форм, створення звітів із застосуванням майстра звітів 2.97 MB
  ЗАДАЧА: створити БД для підприємства (фірми), яке займається реалізацією продовольчих товарів. 1.1 Створити БД в папці Мої документи та надати ім’я «Прізвище_група_учня_фірма» 1 Створити таблиці, які будуть містити основну інформацію про діяльність фірми.
54322. Метод проектов 26.5 KB
  В последние годы в связи с реформами в образовании и изменениями в школьном математическом образовании в частности остро стоит вопрос об организации учебного процесса направленного на развитие творческих способностей личности и навыков исследовательской деятельности. В результате этого возник метод проектов как способ актуализации и стимулирования познавательной деятельности учащихся. Однако за последние несколько лет многое изменилось общество поднялось на новую ступень экономического развития потребовались кардинальные перемены во...
54323. МЕТОД ПРОЕКТІВ ЯК ТЕХНОЛОГІЯ НАВЧАННЯ 257.5 KB
  Метод проектів це метод в основі якого лежить розвиток пізнавальних творчих навичок студентів умінь самостійно конструювати свої знання орієнтуватися в інформаційному просторі критично мислити. Мета застосування методу полягає у формуванні навичок ефективного використання різних джерел інформації при навчанні студентів за допомогою інноваційних педагогічних технологій якими передбачається самостійна індивідуальна чи групова дослідницькопошукова та творча діяльність студентів підвищення рівня комунікабельності. Завдання методу...