Гость !!! | RSS
Меню сайта
Оставить отзыв Гороскопы Сонник Мешок позитива Раскрутка сайта HTML HTML Формы Примеры Таблицы Таблицы цветов Генераторы Скрипты
Категории раздела
Новости [61]
Х-Новости [44]
Самое..., самое!!! [342]
ИнтересНости [241]
Праздничная [3]
Ghostly photo
Самые страшные люди
Самые страшные люди
Большие бедра ухудшают женскую память, утверждают ученые...
Большие бедра ухудшают женскую память, утверждают ученые...
Фотоманипуляция Макса Сауко (20 фото)
Фотоманипуляция Макса Сауко (20 фото)
Топ 10 любви и секса
Топ 10 любви и секса
Самый длинный прыжок верхом на льве.
Самый длинный прыжок верхом на льве.
-= Георгий Победоносец =- От разных художников
-= Георгий Победоносец =- От разных художников
Кадры теракта 11 сентября.
Кадры теракта 11 сентября.
Загадочные существа...
Загадочные существа...
Soft
Получить код блока
Mini-CHat
Они ждут - Тебя!
Головоломки · Bowja the Ninja 2 (Inside Bigmans Compound)
Головоломки · Tilt
Поиск предметов · Дарья. Загадочное путешествие
Настольные · Владыки Астрала

Катай!!!
Корифаны сайта

Баннерообмен
Our button

[ Получить код баннера ]
Таблицы в HTML документе, Атрибуты Rowspan и Colspan

Давайте разберем эту таблицу.

1 ячейка 2 ячейка 3 ячейка 4 ячейка
1 ячейка 2 и 3- я ячейка 2х строк 4 ячейка
1 ячейка 4 ячейка
<table width="300" border="1" bgcolor="#EED7FF">
<tr>
<td width="75">1 ячейка</td>
<td width="75">2 ячейка</td>
<td width="75">3 ячейка</td>
<td width="75">4 ячейка</td>
</tr>
<tr>
<td>1 ячейка</td>
<td colspan="2" rowspan="2">2 и 3- я ячейка 2х строк</td>
<td>4 ячейка</td>
</tr>
<tr>
<td>1 ячейка</td>
<td>4 ячейка</td>
</tr>
</table>

Но сначала представим эту таблицу немного в ином роде.

1 ячейка 2 ячейка 3 ячейка 4 ячейка
1 ячейка 2, 3- я ячейка 2 ой строки 4 ячейка
1 ячейка 2, 3- я ячейка 3 ой строки 4 ячейка
<table width="300" border="1" bgcolor="#EED7FF">
<tr>
<td width="75">1 ячейка</td>
<td width="75">2 ячейка</td>
<td width="75">3 ячейка</td>
<td width="75">4 ячейка</td>
</tr>
<tr>
<td>1 ячейка</td>
<td colspan="2">2, 3- я ячейка 2 ой строки</td>
<td>4 ячейка</td>
</tr>
<tr>
<td>1 ячейка</td>
<td colspan="2">2, 3- я ячейка 3 ой строки</td>
<td>4 ячейка</td>
</tr>
</table>

Теперь давайте внимательно рассмотрим таблицу и ее код.
В первой строке таблицы видно четыре ячейки, как и должно быть.
Во второй строке, вторая и третья ячейка объединились и образовали
одну ячейку с атрибутом colspan="2". Итого во второй строке имеем
три ячейки. В третьей строке, вторая и третья ячейка тоже объеденились
и образовали ячейку с атрибутом colspan="2". Итого в третьей строке
тоже имеем три ячейки. Теперь нам надо объеденить вторую ячейку
второй строки, с атрибутом colspan="2", со второй ячейкой третьей строки,
с атрибутом colspan="2". Как, Вы уже знаете, при объединение двух ячеек
соседник строк получается одна ячейка с атрибутом rowspan=2. Ячейки,
которые мы собираемся объеденить имеют одинаковый атрибут colspan=2.
Поэтому мы передаем этот атрибут новой ячейке, которая образуется после
объединения двух этих ячеек, в то же время эта, новая ячейка будет иметь
еще один атрибут, объединения двух ячеек соседних строк, rowspan=2.
Пишем код таблицы.

<table width="300" border="1" bgcolor="#EED7FF">
<tr> <td width="75">1 ячейка</td>
<td width="75">2 ячейка</td>
<td width="75">3 ячейка</td>
<td width="75">4 ячейка</td>
</tr>
<!--Оставляем первую строку без изменений.
Пишем вторую строку. Так как, Вы уже знаете, что при объединении ячеек соседних строк, в коде таблицы
ячейка с атрибутом "rowspan" записывается в
самой верхней из строк, ячейки которых объеденились. Поэтому во второй строке
записываем три ячейки, одна из которых (вторая) будет иметь два атрибута, rowspan=2 и colspan=2. -->
<tr>
<td>1 ячейка</td>
<td colspan="2" rowspan="2">2 и 3- я ячейка 2х строк</td>
<td>4 ячейка</td>
</tr>
<!-- Так как, вторая ячейка третьей строки была поглощена второй
ячейкой второй строки, в третьей строке мы не указываем эту ячейку. -->
<tr>
<td>1 ячейка</td>
<td>4 ячейка</td>
</tr>
</table>

В итоге получаем то , что нам и было нужно.

1 ячейка 2 ячейка 3 ячейка 4 ячейка
1 ячейка 2 и 3- я ячейка 2х строк 4 ячейка
1 ячейка 4 ячейка

Не так уж это и сложно как кажется! Не правда ли?




Профиль
Ваш браузер: -
IP-адрес: 3.14.248.119

Логин:uID поддержка
Пароль:
Забыл пароль || Регистрация



Заговор на Любовь и Счастье
Наутилус Помпилиус - Рвать ... Татьяна Буланова - Синее море Татьяна Буланова & DJ Цветк... Eminem - Crazy In Love Eminem - Sing For The Momen...
Tag cloud
Свернуть Архив записей Развернуть
«  Май 2024  »
ПнВтСрЧтПтСбВс
  12345
6789101112
13141516171819
20212223242526
2728293031
Опросник
Вода — это …???
Всего ответов: 119
Толкование значения снов, на букву: «М»
Толкование значения снов, на букву: «М»
Совместимость по знаку зодиака Скорпион – Стрелец
Совместимость по знаку зодиака Скорпион – Стрелец
Восточный астрологический календарь, который зародился в Китае, и состоит из 12-ти больших годичных циклов.
Восточный астрологический календарь, который зародился в Китае, и состоит из 12-ти больших годичных циклов.
Как ковыряют в носу разные знаки зодиака?
Как ковыряют в носу разные знаки зодиака?
Толкование значения снов, на букву: «Ц»
Толкование значения снов, на букву: «Ц»
Падонок платить не обязан
Падонок платить не обязан
Анекдоты про больницу -=- 24
Анекдоты про больницу -=- 24
Анекдоты про охотников - (35)
Анекдоты про охотников - (35)
Анекдоты про Штирлица - (90шт.)
Анекдоты про Штирлица - (90шт.)
Анекдоты про армян -- (49)
Анекдоты про армян -- (49)
Advertising
MeteoNova
Свернуть Statistics Развернуть
Онлайн всего: 1
Гостей: 1
Пользователей: 0

Tagis Балаболка
Инфо сайта
Инфо форума

Все права защищены! shalbuzdag-666.ucoz.ru © 2009 – 2024 ()
уЧётчик сайта