Лабораторна робота № 2

Тема: «HTML. Створення списків»

Мета: Уміти створювати прості списки на web-сторінці та надавати їм певного вигляду, використовуючи для цього основні команди мови HTML.

Теоретичні відомості

Маркірований список

<ul type= “{disc|circle|square}”>

<li> елемент списку</li>

<li> елемент списку</li>

. . .

</ul>

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

<ol type=”значення параметру” start= “{1…n}”>

<li> елемент списку</li>

<li> елемент списку</li>

. . .

</ol>

де значення параметра type задають зображення нумерації списку:

"і" - римськими малими (і, іі, ііі, iv, ...),

"І" - римськими великими (І, II, III, IV, ...) цифрами,

"а" - латинськими малими (a, b, c, d, ...),

"А" - латинськими великими (А, В, С, ...) літерами.

Список визначень

<dl>

<dt> термін 1</dt>

<dd>визначення 1</dd>

<dt> термін 2</dt>

<dd> визначення 2</dd>

</dl>

Послідовність виконання роботи

1. Відкрийте редактор NotePad.

2. Створіть за допомогою текстового редактора html-файл. Збережіть його під назвою filel2.htm у власній папці.

3. Задайте назву «Резюме» вікна web-сторінки.

4. Використовуючи теги першої лабораторної роботи створіть сторінку яка буде містити наступну інформацію:

Відомості про себе

• П.І.Б.;

• дата народження;

• місце народження. Інформація

• Адреса проживання;

• Телефон (домашній);

• Телефон (мобільний);

• E-mail.

5. Використовуючи теги маркірованого списку введіть інформацію про освіту

Освіта

• Школа;

• Ліцей;

• Університет;

• Курси;

• Друга вища освіта.

6. Використовуючи теги нумерованого списку вкажіть, якими мовами ви володієте.

Знання іноземних мов

1. Російська;

2. Англійська;

3. Німецький;

4. Французький;

5. Іспанська і т.д.

7. Використовуючи теги нумерованого списку вкажіть, які дисципліни ви вивчали на першому курсі. Задайте початок нумерації списку з 10.

8. Використовуючи теги нумерованого списку вкажіть, які дисципліни ви вивчаєте на другому курсі. Задайте початок нумерації списку з 20.

9. Використовуючи теги списку визначень перерахуйте свої інтереси та захоплення, хобі.

Рис 2. Приклад виконання роботи

Контрольні запитання

1. Які є типи списків?

2. Як створити ненумерований список?

3. Як задати тип ненумерованого списку?

4. Які типи ненумерованого списку ви знаєте?

5. Як створити нумерований список?

6. Як задати тип нумерованого списку?

7. Які типи нумерованого списку ви знаєте?

8. Як задати початок нумерації у списку?

9. Як створити список означень?