Нумерований список. Маленькі літери латинського

1 Арабські цифри: 1, 2, 3, …

а

Маленькі літери латинського

алфавіту: a, b, c, …

A

Великі літери латинського

алфавіту: A, B, C, …

і

Римські цифри в нижньому

регістрі: i, ii, iii, iv, …

I

Римські цифри у верхньому

регістрі: I, II, III, IV, …

Завдання:

1. Відкрийте документ first.html у текстовому редакторі.

2. Видалите весь текст, що знаходиться між тегами < BODY> і < /BODY>.

3. Після тегу < BODY> введіть наступний текст:

< LН> Існує три типи списків: < /LН>

< UL>

< LI> ненумерований (маркований);

< LI> нумерований;

< LI> тлумачення.

< /UL>

4. Введіть тег горизонтальної лінійки < HR>.

5. Введіть ще один текст (замість номерів пари вкажіть назви предметів):

< LН> Сьогодні у мене три пари: < /LН>

< OL TYPE=" 1" >

< LI> 1 пара.

< LI> 2 пара.

< LI> 3 пара.

< /ОL>

6. Збережіть цей документ під іменем list.html, використовуючи пункт меню „Файл / Сохранить

как…”.

7. Подивіться, як відображається цей файл в браузері. Встановіть відповідність між елементами

HTML-коду і фрагментами документа, що відображаються на екрані.

8

Фізико математичний факультет, кафедра Інформатики і ОТ

8. Доповніть файл list.html, ще декількома списками з різними маркерами та різним типом

нумерації.

9. Збережіть змінений документ на диску, закрийте текстовий редактор та поновіть документ в

браузері. Перевірте правильність внесених змін.

Вправа 5. Створення таблиць.

Таблиці дуже часто використовують для наочного подання числової чи текстової інформації. У

web-дизайні таблиці відіграють велику роль. Їх часто використовують для позиціювання різних

(зокрема графічних) на екрані. Такі таблиці утворюють з невидимими межами (рамками), а в

клітинках розташовують картинки, тексти тощо. Заголовки рядків і стовпців виводитимуться дещо

товстішим шрифтом. Всі теги роботи з таблицею парні, але переважну більшість їх можна

використовувати як непарні.

За замовчуванням більшість елементів на WEB-сторінці, зокрема, текст, таблиці, списки, текст

у клітинках таблиці, браузер вирівнює відносно лівого краю екрана чи клітинки таблиці. Хоча досить

часто існує необхідність змінити тип вирівнювання.

Тег Призначення Примітка

< TABLE> Визначення таблиці Парний

< CAPTION> Заголовок таблиці Парний

< ТН> Заголовок рядка або стовпця Парний

< TR> Новий рядок таблиці Парний

< TD> Нова клітина в рядку Парний

Таблиці вирівнюються відносно екрана або тексту, що розташовано навколо таблиці. Текст у

клітинках таблиці вирівнюють до центру чи до країв у горизонтальному або вертикальному

напрямках. Для вирівнювання об’єктів застосовують теги вирівнювання, або параметри ALIGN –

горизонтальне вирівнювання чи VALIGN – вертикальне вирівнювання.

Крім того, для таблиці можна встановити власне ширину таблиці (в пікселях або у відсотках

відносно розміру вікна браузеру), товщину границь клітинок, колір рамки та колір фону для кожної

клітини.

9

Фізико математичний факультет, кафедра Інформатики і ОТ

Параметр Призначення Можливі