1 of 17

ВИКОРИСТАННЯ ТАБЛИЦЬ У HTML-ДОКУМЕНТАХ

2 of 17

СТВОРЕННЯ ТАБЛИЦЬ

3 of 17

СТВОРЕННЯ ТАБЛИЦЬ

4 of 17

ПРИКЛАД

​

Понеділок

Вівторок

Середа

Четвер

П'ятниця

1

Алгебра

Фізика

Фіз-ра

Астроном.

Історія

2

Алгебра

ДПЮ

Заруб.л-ра

Фізика

Мистецтво

3

Укр.літ-ра

Історія

Геометрія

Укр.л-ра

Алгебра

4

Укр.літ-ра

Англійська

Геометрія

Історія

Англійська

5

Хімія

Фізика

Укр.мова

Біологія

Укр.мова

6

Рос.мова

Географія

Укр.мова

Біологія

Інформатика

7

Рос.мова

Фіз-ра

Англ.мова

Укр.л-ра

Укр.мова

8

​

ДПЮ

​

Фіз-ра

​

5 of 17

HTML-документ та його відображення у браузері

6 of 17

ОБ’ЄДНАННЯ КОМІРОК

7 of 17

ПРИКЛАД 2

Класи

11-А

11-Б

Класи

11-А

11-Б

11-В

8 of 17

HTML-КОД

Класи

11-А

11-Б

Класи

11-А

11-Б

11-В

9 of 17

ВСТАНОВЛЕННЯ ШИРИНИ ТАБЛИЦІ ТА КОМІРОК

10 of 17

ФОРМАТУВАННЯ ТЕКСТУ ТА ОФОРМЛЕННЯ РАМОК ТАБЛИЦІ

11 of 17

ЗОВНІШНЯ РАМКА ТАБЛИЦІ

12 of 17

РОЗДІЛЮВАЛЬНІ ЛІНІЇ

13 of 17

КОЛІРНЕ ОФОРМЛЕННЯ ТАБЛИЦЬ

14 of 17

ПРИКЛАД

15 of 17

КОЛІР ШРИФТУ ДЛЯ ТЕКСТУ ТАБЛИЦІ

16 of 17

Практичне завдання

  • Розробіть HTML-документ, який матиме таблицю, що створена за такою схемою:

Перший рядок складається з двох комірок: комірки коричневого кольору завширшки 60 % від ширини всієї таблиці, яка містить два стовпці, та синьо-фіолетової комірки, що об'єднує два рядки.

Другий рядок складається лише з однієї комірки золотистого кольору.

Третій рядок складається з комірки жовтого кольору шириною 30% від ширини всієї таблиці та пурпурової комірки, що об'єднує два рядки і два стовпці.

Четвертий рядок складається з однієї комірки рожевого кольору. Текст у комірках із темним тлом має білий колір.

17 of 17