Таблиці на веб сторінках

Переглянути відео

Посилання на програму: https://drive.google.com/file/d/1orNC...

Створення таблиць

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

<TABLE> </ TABLE> створення таблиці

<CAPTION>…</ CAPTION> тег заголовку всієї таблиці.

<TR> ...</TR> позначення рядка (заповнення таблиці відбувається порядково)

<TH> ...</TH> тег заголовків стовпців таблиці

<TD> ...</TD> тег комірки стовпця таблиці

Для з'єднання двох суміжних клітинок в одному стовпці потрібно використовувати атрибут ROWSPAN тега <TH> або <TD>, наприклад,

<TD ROWSPAN=2>

Для об'єднання двох суміжних клітинок в одному рядку потрібно використовувати атрибут COLSPAN тих же тегів, наприклад,

<TD COLSPAN=2>

Дати письмові відповіді на питання:

(відповідаємо у цьому блоці)

1. Теги для створення таблиці.

2. Як можна розташувати таблицю на сторінці?

3. Як об’єднати комірки таблиці?

4. Як змінити колір рамки таблиці?

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

1. Створіть особисту папку, куди ви будете зберігати всі файли свого сайту.

2. Запустіть програму Блокнот (Notepad). Або скористайтесь онлайн-редактором https://jsfiddle.net/boilerplate/react-jsx

3. Наберіть у вікні програми файл HTML.

1. Збережіть файл під ім’ям RASP.HTML (обов’язково вкажіть тип файлу HTML при збереженні) в особистій папці.

2. Для перегляду Web-сторінки використовуйте будь-яку програму браузера (Internet Explorer, Opera, Mozilla Firefox або іншу).
   Для цього, не покидаючи програму Блокнот (згорніть вікно на панель задач), відкрийте особисту папку і подвійним кліком по файлу RASP.HTML відкрийте вікно браузера.
   На екрані ви побачите результат роботи, Надішліть вчителю файл або скріншот виконаного завдання.

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

Додати скріншот виконаної вправи.