Page 10 - 4418

ЛАБОРАТОРНА РОБОТА №2

МЕРЕЖА ІНТЕРНЕТ – КОМУНІКАТИВНІ ТА ТРАНЗАКЦІЙНІ
ОСОБЛИВОСТІ

(«Створення документів з таблицями»)

ТЕМА: мережа Інтернет – комунікативні та транзакційні особливості. Створення

документів з таблицями

МЕТА: опанувати дані про особливості комунікативних характеристик мережі
Інтернет Закріпити на практиці знання і вміння зі створення «html-таблиць». Вивчити

основні засоби опису таблиць, їхнє застосування і використання в «html-документах».

ТЕОРЕТИЧНІ ВІДОМОСТІ

Використання таблиць в «HTML». Теги «HTML» для створення таблиць
спочатку призначалися для подання рядків і стовпців табульованих даних. Проте
дизайнери навчилися з їх допомогою керувати розміткою «Web-сторінок»: створювати
стовпці тексту, задавати інтервали між елементами і змінювати зовнішній вигляд
тексту способами, недоступними іншим тегам форматування «HTML».
Таблиці в мові «HTML» завжди мають прямокутний вигляд і складаються з
рядків,які в свою чергу, складаються з комірок. Всі мовні конструкції, що описують
компоненти створюваної таблиці, укладаються між тегами <TABLE> і </TABLE>.
Заповнення таблиці відбувається порядково; для позначення рядка
використовується пара тегів <TR>... </TR>. Рядок складається з комірок, для завдання
яких використовують або теги <TH>... </TH>, якщо ці осередки містять заголовки
стовпців, або теги <TD>... </TD>.
Заголовки виводяться напівжирним шрифтом і розташовуються по центру
осередки. Дані мають звичайний шрифт і вирівнюються по лівій стороні клітинки. Для
завдання заголовка всієї таблиці використовуються теги <CAPTION> і </CAPTION>.
Приклад:

<TABLE>

<CAPTION>Заголовок таблиці</CAPTION>

<TR><TH>Заголовок 1</TH><TH>Заголовок 2</TH></TR>

<TR><TD>Комірка 1</TD><TD>Комірка 2</TD></TR>

<TR><TD>Комірка 3</TD><TD>Комірка 4</TD></TR>

</TABLE>

Рисунок 2.1 – Приклад синтаксису заголовку таблиці
Наявність в осередках даних не обов'язково. Створити порожню клітинку можна
двома способами: нічим не заповнювати її контейнер (<TD> </TD>), або помістити в
неї символ нерозривного пробілу, що задається спеціальної послідовністю символів –
« » (тобто створити комірку виду <TD> </TD>).

10