Структура таблиці

💸 Как сделать бизнес проще, а карман толще?

Тот, кто работает в сфере услуг, знает — без ведения записи клиентов никуда. Мало того, что нужно видеть свое раписание, но и напоминать клиентам о визитах тоже. Проблема в том, что средняя цена по рынку за такой сервис — 800 руб/мес или почти 15 000 руб за год. И это минимальный функционал. Нашли самый бюджетный и оптимальный вариант: сервис VisitTime.
⚡️ Для новых пользователей первый месяц бесплатно. А далее 290 руб/мес, это в 3 раза дешевле аналогов. За эту цену доступен весь функционал: напоминание о визитах, чаевые, предоплаты, общение с клиентами, переносы записей и так далее.
✅ Уйма гибких настроек, которые помогут вам зарабатывать больше и забыть про чувство «что-то мне нужно было сделать».
Сомневаетесь? нажмите на текст, запустите чат-бота и убедитесь во всем сами!

Структура таблиці

Вся таблиця задається контейнером < TABLE>. Наступним за вкладеністю обов’язковим елементом таблиці є контейнер < TR>, котрий задає черговий рядок. Рядки містять комірки, які задаються контейнерами < TD> або < TH>. Крім цих обов’язкових елементів, таблиця може містити ще необов’язковий елемент, контейнер < CAPTION>, який задає заголовок таблиці. В загальному вигляді, без згадування можливих атрибутів цих контейнерів, структура таблиці виглядає наступним чином:

Кожний контейнер < TR> …< /TR> задає окремий рядок. Кожний контейнер < TH> …< /TH> чи < TD> …< /TD> задає окрему комірку. Для зручності розробників Web-сторінок, в HTML присутні комірки двох типів: комірки, що містять заголовки (контейнер < TH>), і комірки, які містять дані (контейнер < TD>).

Вміст комірок, визначених контейнером < TD>, зазвичай (за умовчанням) представлений браузером нормальним шрифтом. Іноді браузери можуть використовувати шрифт меншого розміру. За умовчанням вміст таких комірок вирівнюється за лівим краєм.

Вміст комірок, визначених контейнером < TH>, зазвичай (за умовчанням) представлений браузером більш виділеним шрифтом, наприклад, напівжирним. За умовчанням вміст таких комірок вирівнюється за центром.

Розглянемо тепер більш детально контейнери завдання рядків і комірок.

Контейнер завдання таблиці може мати наступні атрибути:

CELLPADDING=проміжок_між_вмістом_комірки_і_рамкой>

Горизонтальне вирівнювання задається значеннями:

LEFT – вирівнювання за лівим краєм (за умовчанням);

Ширина таблиці задається в пік селях чи у відсотках від ширини вікна Web-браузера. За умовчанням ширина кожного стовпця обирається так, щоб в комірці вмістився самий довгий елемент або сама велика картинка.

Ширина рамки навколо таблиці задається в пікселях. За умовчанням цей параметр дорівнює 0. Це значить, що рамка відсутня.

Проміжок між комірками задається в пік селях. Комірки можуть знаходитися на деякій відстані одна від одної. Ця відстань однакова за горизонталлю і за вертикаллю. Якщо параметр BORDER не дорівнює 0, то параметр CELLSPACING, як правило, встановлюється рівним 1.

Проміжок між вмістом комірки і рамкою навколо цієї комірки також задається в пікселях.

Приведені в цьому контейнері атрибути стосуються параметрів форматування всієї таблиці.

Як уже згадувалося раніше, рядок задається контейнером < TR>. Загальний вигляд цього контейнера такий:

Горизонтальне вирівнювання задається значеннями:

LEFT – вирівнювання за лівим краєм (за умовчанням)

Вертикальне вирівнювання задається значеннями:

Атрибути контейнеру завдання комірок доповнюють або змінюють значення відповідних атрибутів контейнерів завдання конкретного рядка або всієї таблиці. Контейнер < TD> завдання комірок даних і контейнер < TH> завдання комірок-заголовків мають однакові атрибути:

Для відміни переносу слів в комірці використовується атрибут NOWARP. При відсутності цього атрибута браузер зможе переносити слова на нові рядки, використовуючи для визначення місця вставки переносу пробіл між словами.

Значення параметрів горизонтального і вертикального вирівнювання аналогічні значенням відповідних параметрів контейнерів < TABLE> і < TR>.

Ширина і висота комірки задаються в пікселях. Ці значення не повинні конфліктувати з відповідними значеннями сусідніх комірок, інакше вони будуть проігноровані.

Об’єднання n комірок вздовж стовпця задається атрибутом ROWSPAN, а об’єднання m комірок вздовж рядка задається атрибутом COLSPAN.

В прикладі 8.1 наведений лістинг вмісту файлів, які містять описані вище контейнери. У файлі index.html містяться два посилання на файли Сімферополь.html і Донецьк.html, в яких містяться розклади руху потягів по відповідним станціям, представлені у вигляді таблиць.

РОЗКЛАД ПО < A HREF=" Сімферополь.html" > СІМФЕРОПОЛЮ < /A>

< P> ПО СТАНЦІЇ < A HREF=" Донецьк.html" > ДОНЕЦЬК < /A> < /P>

< H2> < P> Розклад < U> < FONT COLOR=”RED”> по станції Сімферополь < /FONT> < /U> < /P> < /H2>

В результаті файл index.html матиме наступного вигляду (рис. 8.1):

Якщо обрати посилання на Сімферополь, то сторінка буде такою (рис. 8.2):

Якщо ж обрати посилання на Донецьк, то сторінка буде такою (рис. 8.3):

1. Які контейнери використовуються для завдання таблиці.

2. Як задати рядок, комірку даних, комірку заголовку.

3. Яке форматування задається за умовчанням для тексту в комірках даних і заголовку.

6. Чи можливо в таблиці задавати об’єднання комірок за горизонталлю, використовуючи параметр ROWSPAN.

1. Написати програму, котра б створювала таблицю 9х9. Дана таблиця повинна містити таблицю множення. Назви рядків і стовпців від 1 до 9. Назва таблиці – «Таблиця множення».

2. Написати програму, котра б створювала таблицю з застосуванням вирівнювання. Заголовки рядків – за лівим краєм, заголовки стовпців – за центром, основні дані – за правим краєм.

1. Гончаров А. Самоучитель HTML. – СПб.: Питер, 2000. – 240с.

2. Матросов А. HTML 4.0. – СПб.: БХВ-Санкт-Петербург, 2000. – 672 с.

3. Будилов В.А. Практические занятия по HTML. Краткий курс. – СПб.: Наука и техника, 2001. – 256 с.

Донбаська національна академія будівництва і архітектури

(для студентів напряму підготовки «Менеджмент»