Отримання знань

дистанційна підтримка освіти школярів


Завдання розробила Підлужняк Наталія Григорівна, вчитель інформатики ФМГ №17

Створення  складних  таблиць

 Загальний шаблон таблиці
<Table Border="товщина рамки в пікселях" Width="ширина таблиці"  Bordercolor="колір  рамки"  Bgcolor="колір всередині таблиці"  Align=вирівнювання таблиці>
      <Caption>  Заголовок  таблиці </Caption>
           <TR>
                    <TD>  … </TD>    <TD>  … </TD>
          </TR> 
          <TR>
                   <TD> … </TD>     <TD>  …  </TD>
        </TR> 
 </Table>



Вказівки:
   * Caption – задання заголовку таблиці 
   * <TR >  </TR > - початок та кінець рядка.
   * <TD>   </TD> - початок та кінець комірки в даному рядку.
   * COLSPAN="n"  - розтягування комірки по  горизонталі.
       Наприклад, <TD  COLSPAN="2"> означає, що комірка буде розтягнута на 2 колонки. 
   * ROWSPAN="n"  - розтягування комірки по рядках (вертикалі).
      Наприклад, <TD  ROWSPAN="2"> означає, що комірка буде розтягнута на 2 рядки таблиці.
   Якщо комірка пуста, то рамка навколо неї не зображується. Якщо ж рамка все-таки потрібна, то в комірку слід внести символьний об’єкт &nbsp; (обов’язково набирається малими літерами і закінчується крапкою з комою).

 Завдання. Створити таблицю за поданим зразком.
             

  HTML-код таблиці
       

 Пояснення (для зручності рядки коду та пояснення пронумеровано)
        




В системі: гості - (1); користувачі - (0)