5.3. Контрольні питання

1. Який тег служить для вставки зображення в html-документ?

2. Де в теге <img> вказується шлях до графічного файла?

3. Як задати вирівнювання картинки щодо тексту?

4. Які списки існують в HTML?

5. Який тег бере участь у створенні як маркованого, так і нумерованого списків?

6. Як змінити порядок нумерації в нумерованому списку?

7. Як змінити вигляд маркера в маркованому списку?

8. Що таке списки визначень?

9. Як задати якір для посилань в межах одного документа?

10. За що відповідає атрибут target у тега <a>?

Лабораторна робота № 6. Cтворення таблиць

Мета роботи: навчитися створювати таблиці заданого розміру; об'єднувати комірки по горизонталі і вертикалі; створювати фіксовані і динамічні таблиці; керувати відстанню між комірками і рамкою таблиці.

6.1 Теоретичні відомості

6.1.1. Таблиці. Загальні відомості

Подання інформації у таблицях за зовнішнім виглядом подібне до подання інформації в таблицях текстового редактора Word, в Excel, але їх використання набагато ширше. Вміст комірок може бути довільним, зокрема там може бути й графіка.

Таблиця створюється за допомогою тегів <TABLE>… </TABLE>.

Тег <TABLE> може мати наступні атрибути (таблиця 6.1.):

Таблиця 6.1 - Атрибути тегу <TABLE>

Атрибут	Призначення
аlign= left | center | right	спосіб вирівнювання таблиці по лівому \ по центру \ по правому краю
width	ширина таблиці (в пікселях або у відсотках)
height	висота таблиці (в пікселях або у відсотках)
background	фоновий малюнок для всієї таблиці
bgcolor	колір таблиці
border	ширина рамки таблиці (0-невидима рамка)
BORDERCOLOR	колір ліній
cellspacing	відстань між комірками
cellpaddiing	відступ від рамки до вмісту комірки

Для формування таблиці, що складається з декількох рядків, використовують теги <TR>…</TR>, що розділяють рядки. Теги <TH>…</TH> використовуються для позначення заголовка стовпця кліток. Теги <TD>…</TD> використовуються для опису даних (тобто вмісту комірок).

Параметри ROWSPAN і COLSPAN тегів <TD> і <TH> використовуються для формування клітин даних, що об’єднують більше за один рядок або стовпець.

Заголовок таблиці розміщується між тегами <CAPTION>…</САРTION>.

Схожі параметри, як у тегу <TABLE> мають теги <TD> та <TR> (таблиці 6.2.).

Таблиця 6.2 - Атрибути тегів <TD>, <TR>

Атрибут	Призначення
аlign= left | center | right	спосіб вирівнювання комірки по лівому \ по центру \ по правому краю
width	ширина комірки (в пікселях або у відсотках)
height	висота комірки (в пікселях або у відсотках)
background	фоновий малюнок комірки
bgcolor	колір комірки / всього рядка
valign=top | bottom | middle	спосіб вирівнювання вмісту комірок по вертикалі: згори \ внизу \ посередині
nowrap	блокує автоматичне перенесення слів в межах комірки
colspan	кількість стовпців комірки
rowspan	кількість рядків комірки