Порядок роботи

Практична робота № 2

Структурування веб-сторінки за допомогою таблиць

Мета роботи: навчитися створювати таблиці та розміщувати в їхніх комірках потрібну інформацію.

Порядок роботи

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

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

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

2. Збережіть створений документ у файлі з розширенням.html.

3. Відобразіть документ у вікні браузера (рис. 1).

Рис. 1. Веб-сторінка, на якій міститься таблиця

4. Зробіть копію створеного HTML-документа і відредагуйте наступним чином: скасуйте призначення меж таблиці та кольорів комірок, змініть розмір шрифту.

На рис. 2 показано, який вигляд матиме цей HTML-документ у вікні браузера. Назви кольорів розміщені у різних ділянках екрана.

Рис. 2. Приклад розміщення тексту

за допомогою таблиць