7 урок
Атрибути для об'єднання комірок таблиць
Для об'єднання двох і більше комірок в одну використовуються атрибути colspan і rowspan тега <td>.
В атрибуті colspan вказується число об'єднаних комірок по горизонталі.
В атрибуті rowspan, вказується число об'єднаних комірок по вертикалі.
Наприклад. <td colspan = "3"> об'єднує три комірки,
тому в наступному рядку повинно бути три тега <td>
Конструкція виду <td colspan = "2"> ... </ td> <td> ... </td>.
!!!!Якщо число комірок у кожному рядку не співпадатиме, з'являться порожні фантомні комірки.>
Завдання 2.
- Створіть нову Web-сторінку table3.html і скопіюйте цей код.
- Уважно перечитайте його, щоб зрозуміти, як саме проходять об'єднання.
<Html>
<Head>
<Title> Таблиця </title>
</Head>
<Body>
<table border="4" cellpadding="4" cellspacing="0">
<tr>
<td rowspan="2">Браузер </td>
<th colspan="2">Internet Explorer</th>
<th colspan="3">Opera</th>
<th colspan="2">Firefox</th>
</tr>
<tr>
<th>6.0</th><th>7.0</th><th>7.0</th><th>8.0</th><th>9.0</th><th>1.0<th>2.0</th>
</tr>
<tr; align="center">
<td>Підтримується</td>
<td>Ні</td> <td>Так</td><td>Ні</td><td>Так</td><td>Так</td><td>Так</td><td>Так</td>
</tr>
</table>
</Body>
</Html>
Завдання 2.
- Створіть нову Web-сторінку table3.html .
Додайте на сторінці таблицю з 5 рядів і 5 колонок.
Виконайте об'єднання осередків таблиці, як показано нижче
Завдання 3.
- Створіть нову Web-сторінку rozklad.html з розкладом Ваших уроків.
Повернутись на початок сторінки