131801
столько раз учителя, ученики и родители
посетили сайт «Инфоурок»
за прошедшие 24 часа
+Добавить материал
и получить бесплатное
свидетельство о публикации
в СМИ №ФС77-60625 от 20.01.2015
Дистанционные курсы профессиональной переподготовки и повышения квалификации для педагогов

Дистанционные курсы для педагогов - курсы профессиональной переподготовки от 6.900 руб.;
- курсы повышения квалификации от 1.500 руб.
Престижные документы для аттестации

ВЫБРАТЬ КУРС СО СКИДКОЙ 50%

ВНИМАНИЕ: Скидка действует ТОЛЬКО сейчас!

(Лицензия на осуществление образовательной деятельности № 5201 выдана ООО "Инфоурок")

ИнфоурокИнформатикаДругие методич. материалыПрактическая работа пео информатике «Списки в HTML»

Практическая работа пео информатике «Списки в HTML»

библиотека
материалов
Скачать материал целиком можно бесплатно по ссылке внизу страницы.

Практическая работа


Тема: Списки

Довольно часто требуется разместить на странице списки (перечни элементов).

Существует три основных вида списков в HTML-документе:

  • нумерованный

  • маркированный

  • список определений

Вы можете создавать вложенные списки, используя различные тэги списков или повторяя одни внутри других. Для этого просто необходимо разместить одну пару тэгов внутри другой. При отображении списков браузер выделяет их отступом красной строки. Будут ли элементы вложенного списка иметь те же маркеры, обозначающие элемент списка - зависит от браузера.

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

В нумерованном списке браузер автоматически вставляет номера элементов по порядку. Это означает, что если вы удалите один или несколько элементов нумерованного списка, то остальные номера автоматически будут пересчитаны.

Нумерованный список начинается стартовым тэгом

  1. и завершается тэгом
. Каждый элемент списка начинается с тэга .

Пример 1

Раскроем окно текстового редактора «Блокнот» и напишем в нем текст HTML- программы.


Функциональные разделы документа

HEAD>

<BODY>

Программирование

Алгоритмизация

Проектирование

BODY>

Сохраните этот документ в папке вашей группы с именем PROBA_7.HTML. Просмотрите в браузере.


Маркированные списки.

Для маркированных списков браузер обычно использует маркеры для пометки элемента списка. Вид маркера, как правило, настраивает пользователь браузера.

Маркированный список начинается стартовым тэгом

  • и завершается тэгом
. Каждый элемент списка начинается с тэга .

Пример 2

Программирование

Алгоритмизация

Проектирование

Результат:

  • Программирование

  • Алгоритмизация

  • Проектирование


Для нумерованных и маркированных списков можно выбрать способ индексации. Это делается с помощью атрибута TYPE с аргументами:

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

A- прописные буквы

a- строчные буквы

i- римские буквы

Атрибут для <OL>

Можно задать номер, с которого начинается нумерация элементов списка. Для этого служит атрибут START внутри тега <OL>.

Например, <OL TYPE = «a» START =3> …OL> - начинает нумерацию с буквы «c» - третьей буквы латинского алфавита.

Атрибут для <IL>

VALUE – отменяет предыдущий порядок нумерации и устанавливает новый порядковый номер (или букву). Например, <IL VALUE=«7»> задает номер элемента, равный семи.

Список определений

Список определений начинается с тэга

. Данный список служит для создания списков типа "термин» - «описание". Каждый термин начинается тэгом , а описание - тэгом .

Пример 3


Отдел маркетинга
Данный отдел занимается продвижением продуктов и услуг
Финансовый отдел
Данный отдел занимается всеми финансовыми операциями

Результат:

b


Пример 4

Раскроем окно текстового редактора «Блокнот» и напишем в нем текст HTML- программы.

Списки

Списки

<P> Это упорядоченный список. Начальный номер – 5 <BR>

<OL TYPE=1 START=5>

<LI> Первый элемент спискаLI>

<LI> Второй элемент спискаLI>

<LI>Третий элемент списка<L/I>

OL>


<P> Это упорядоченный список. Нумерация – римскими цифрами <BR>

<OL TYPE=i>

<LI> Первый элемент спискаLI>

<LI> Второй элемент спискаLI>

<LI>Третий элемент списка<L/I>

OL>


<P> Это - неупорядоченный список. Здесь используются вводные маркеры <BR>

<UL>

<LI> Первый элемент спискаLI>

<LI> Второй элемент спискаLI>

<LI>Третий элемент списка<L/I>

UL>


<P> Это список определений <BR>

<DL>

<DT>ТЕРМИН 1DT>

<DD>Пояснение к термину 1<DD/>

<DT> ТЕРМИН 2DT>

<DD> Пояснение к термину 2<DD/>

<DT> ТЕРМИН 3DT>

<DD> Пояснение к термину 3<DD/>

DL>

Body>

HTML>

Активизировать браузер, в котором отобразится Web- страница. Сохранить данную страницу в папке своей группы с именем PROBA_8.HTML

Покажите выполненное задание преподавателю.


Краткое описание документа:

"Описание материала:

Предложенная" практическая работа «Списки в HTML» предназначена для выполнения практических работ по информатике при изучении тем «Форматирование документа при создании Web-страниц и Web-сайтов».

Цель работы: научиться создавать и форматировать Web-страницы .

Основные задачи работы:

  1. Овладеть методами форматирования документа.
  2. Закрепить навыки работы с основными тегами.
  3. Уметь пользоваться стартовыми тегами для создания нумерованных и маркированных списков.
  4. Научиться выбирать способы индексации для нумерованных и маркированных списков:

1 - арабские цифры;

А - прописные буквы;

а - строчные буквы;

i - римские цифры.

Данная практическая работа будет полезна для самостоятельной работы обучающихся.

Общая информация

Номер материала: 30396021158

Вам будут интересны эти курсы:

Курс повышения квалификации «Информационные технологии в деятельности учителя физики»
Курс повышения квалификации «Методика преподавания информатики в начальных классах»
Курс повышения квалификации «Основы создания интерактивного урока: от презентации до видеоурока»
Курс повышения квалификации «Внедрение системы компьютерной математики в процесс обучения математике в старших классах в рамках реализации ФГОС»
Курс повышения квалификации «Организация работы по формированию медиаграмотности и повышению уровня информационных компетенций всех участников образовательного процесса»
Курс профессиональной переподготовки «Информатика: теория и методика преподавания в образовательной организации»
Курс «Фирменный стиль» (Corel Draw, Photoshop)
Курс «Оператор персонального компьютера»
Курс «3D Studio MAX»
Курс «WEB-ВЕРСТКА (HTML, CSS)»
Курс повышения квалификации «Сетевые и дистанционные (электронные) формы обучения в условиях реализации ФГОС по ТОП-50»
Курс повышения квалификации «Развитие информационно-коммуникационных компетенций учителя в процессе внедрения ФГОС: работа в Московской электронной школе»
Курс повышения квалификации «Применение MS Word, Excel в финансовых расчетах»
Курс профессиональной переподготовки «Теория и методика обучения информатике в начальной школе»
Курс повышения квалификации «Специфика преподавания дисциплины «Информационные технологии» в условиях реализации ФГОС СПО по ТОП-50»
Оставьте свой комментарий
Для того чтобы задавать вопросы нужно авторизироватся.
Включите уведомления прямо сейчас и мы сразу сообщим Вам о важных новостях. Не волнуйтесь, мы будем отправлять только самое главное.