Практичні завдання для самостійного вивчення HTML.
Любомир Іваницький

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 з розкладом Ваших уроків.
Повернутись на початок сторінки