Угруповання рядків таблиці.

Дата добавления: 2015-07-09; просмотров: 492; Нарушение авторских прав

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

Що таке угруповання рядків, зрозуміти неважко. З її допомогою можна визначати розділи таблиці приблизно так само, як ви визначаєте розділи HTML-документа (заголовна частина і тіло, наприклад). У даному випадку використовуються наступні елементи: <thead>, <tfoot>, <tbody>. Ідея полягає в тому, щоб об'єднати деякі набори рядків у незалежні частини. Так, наприклад, заголовок і нижня частина можуть залишатися нерухомими, у той час як середня частина робиться прокручуваною. Чи частина рядків може при друку виступати як колонтитули.

Усі ці елементи, зрозуміло, є контейнерами, і кожний з них призначений для того, щоб містити визначений тип рядків і даних. Майте на увазі, що потреба в <tr> не пропадає, більш того, у кожнім елементі, що групується, повинен бути хоча б один рядок. Ще одне зауваження: якщо ви збираєтеся включити в таблицю і <thead>, і <tfoot>, то, як не дивно, спочатку потрібно описувати <tfoot>. Принаймні, до <tbody>, щоб браузер знав, що є основа таблиці, що слідує за її тілом.

Приклад:

<html>

<head>

<title>Гіперпосилання</title>

</head>

<body>

<table cellpadding="5">

<thead>

<tr><td colspan="5"><img src="dsc01063.jpg" height="30" width="250" alt="Агентство нерухомості FlatLand" /></td>

</tr>

</thead>

<tfoot>

<tr>

<td><a href="about.html">0 Hac</a></td>

<td><a href="listings.html">yчacтки і будинку</a></td>

<td><a href="buyer.html">Брокерські послуги</a></td>

<td><a href="seller.html">Послуги з продажу нерухомості</а></td>

<td><a href="mortgage.html">Інформація з заставних</а></td>

</tr>

</tfoot>

<tbody> <tr>

<td colspan="5">

<img src="dsc01064.jpg" width="250" alt="Сад" align="right" />

<h1>Будиночок у селі</h1>

<p align="justify">Традиційне житло дійсного англійця. У ньому є усе, що потрібно джентльмену і його родині: сучасне італійське висвітлення і берберські килими. Ви можете створити будь-який настрій у цьому будиночку: від світлиці чи домашнього офісу до барлога холостяка. За забором, показаному на малюнку, ховається дивовижна площадка для гри в бадмінтон чи крокет, а також невелика галявина і садок з доріжками, що біжать у густій тіні дерев. Адреса: вул. Леніна, 325. $129 000.</p></td>

</tr>

</tbody>

</table>

</body>

</html>

Це продемонстровано на малюнку.

<== предыдущая лекция	\|	следующая лекция ==>
Наприклад,	\|	Угруповання стовпців таблиці.