Завдання до лабораторної роботи №3 для самостійного виконання

1. Створіть таблицю.

Заголовок
Дані, вирівняні по лівому краю комірки	Дані, вирівняні по правому краю комірки
25% ширини таблиці	75% ширини таблиці

2. Створіть таблицю із 3-х рядків та 2-х стовпців. Задайте для неї колір фону (або фоновий малюнок) і подвійну рамку. У комірках таблиці розмістіть малюнки або тексти. Задайте відступ від границі комірки до її вмісту, рівний 10 пікселям, відстань між комірками зробіть рівною 3 пікселям. Таблицю “прижміть” до правого боку вікна броузера.

3. Створіть таблицю із 4-х рядків і 4-х стовпців. За допомогою атрибутів colspan та rowspan об¢єднайте окремі комірки. В об¢єднані комірки розмістіть текст або зображення так, щоб вони розміщувалися посередині комірки, по горизонталі і по вертикалі.

4. Створіть документ:

	Характеристики
Кількість студентів	Якість успішності
Спеціальності	Економічна кібернетика		80%
Прикладна математика		75%
Менеджмент		85%

5. За допомогою таблиці (без рамки) розмістіть текст у вікні броузера у дві колонки, над якими розміщений один спільний фрагмент.

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

Списки

HTML підтримує нумеровані й марковані списки, що відкриваються відповідно тегами <OL>…</OL> та <UL>….</UL>. Опція COMPACT робить список більш компактним. Опція TYPE дозволяє вказати тип маркерів списку. Для нумерованого списку нумерація позначається латинськими буквами, римськими або арабськими цифрами. Для маркованого ― опція TYPE вказує вид маркера — circle, disc чи square. Опція START=¢¢число¢¢ нумерованого списку дозволяє почати нумерацію із цифри, відмінної від 1, а також від А. Окремі елементи списку заключаються у тег <LI>…</LI>. Для нумерованого списку можна змінити нумерацію, вказавши у тегові <LI> опцію VALUE=¢¢число¢¢. Для створення комбінованих списків теги нумерованих та маркованих списків можна вкладати один в один. Крім того, HTML підтримує список визначень, котрий містить почергові пари виду: “термін” — “його опис”. Список визначень починається з тега <DL>, термін виділяється тегом <DT>, а його опис – тегом <DD>.

Завдання 1. Створити HTML-документ, використовуючи списки.

<HTML>

<HEAD>

<TITLE> Навчальний файл HTML</TITLE>

</HEAD>

<ol compact>

<li> Комп’ютери

<ul compact type="disc">

<li> Pentium Pro</li>

<li> Pentium MMX</li>

</ul>

</li>

<li> Принтери

<ul compact type="square">

<li> матричний </li>

<li> струйний </li>

<li> лазерний </li>

</ul>

</li>

</ol>

</H1>

</BODY>

</HTML>