Гость !!! | RSS
Смотреть онлайн:Корнелия Манго и Иван Blackman поздравляют ...
Смотреть онлайн:Тараканы! - Гимн демократической молодежи м...
Смотреть онлайн:Дуэль
Смотреть онлайн:Раковина
Смотреть онлайн:Разговоры об Игоре Петренко
Смотреть онлайн:Фитнес со звездами. Выпуск 5
Смотреть онлайн:Хип-хоп. Выпуск 20
Смотреть онлайн:Сурганова и оркестр - Коммунальный рок-н-ролл
Смотреть онлайн:Стриптиз
Смотреть онлайн:White Trash Beautiful
Смотреть онлайн:Анекдот от Иры Тоневой
Смотреть онлайн:Спорт, спорт, спорт или дядя Миша дает сове...
Смотреть онлайн:Вася, скушай яблочко
Смотреть онлайн:Личный хит-парад Тимати
Смотреть онлайн:Игрушки
Смотреть онлайн:Король Лир. Серия 1
Смотреть онлайн:Боря Моисеев любуется Стасом Пьехой
Смотреть онлайн:Отбор вокалиста. часть 1
Смотреть онлайн:Самые красивые девушки России записали гимн
Смотреть онлайн:Картина
Меню сайта
Оставить отзыв Гороскопы Сонник Мешок позитива Раскрутка сайта HTML HTML Формы Примеры Таблицы Таблицы цветов Генераторы Скрипты
Категории раздела
Новости [61]
Х-Новости [44]
Самое..., самое!!! [342]
ИнтересНости [241]
Праздничная [3]
Ghostly photo
Австриец совершит рекордный прыжок из стратосферы
Австриец совершит рекордный прыжок из стратосферы
Самые живописные острова мира
Самые живописные острова мира
Съемочная группа Би-би-си обнаружила в Бутане популяцию тигров, о существовании которых достоверно не знали ученые...
Съемочная группа Би-би-си обнаружила в Бутане популяцию тигров, о существовании которых достоверно не знали ученые...
Картины - от -= Гюстава Моро =-
Картины - от -= Гюстава Моро =-
Самая дорогая вилла в мире - VILLA LA LEOPOLDA
Самая дорогая вилла в мире - VILLA LA LEOPOLDA
Самые длинные собачьи уши.
Самые длинные собачьи уши.
Яркий клюв утки – признак сексуального здоровья
Яркий клюв утки – признак сексуального здоровья
Что сказать, как назвать... Одним словом, вот такие причудливые фотки...
Что сказать, как назвать... Одним словом, вот такие причудливые фотки...
Soft
Получить код блока
Mini-CHat
Они ждут - Тебя!
Поиск предметов · Приключения Дианы Селинджер. 10 дней под водой
Головоломки · Вокруг света
Настольные · Преферанс
Головоломки · Волшебные пузыри

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

Баннерообмен
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.145.12.185

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



Заговор на плодовитость и размножение
БиС - Засыпай Елена Ваенга - Не любил Italobrothers - Stamp On Th... Профессор Лебединский - Я у... Бумбокс - Та что
Tag cloud
Свернуть Архив записей Развернуть
«  Январь 2025  »
ПнВтСрЧтПтСбВс
  12345
6789101112
13141516171819
20212223242526
2728293031
Опросник
Где, Вы – предпочитаете отдыхать?
Всего ответов: 62
Абу-Симбел — скала на западном берегу Нила
Абу-Симбел — скала на западном берегу Нила
Совместимость по знаку зодиака Близнецы – Телец
Совместимость по знаку зодиака Близнецы – Телец
Совместимость по знаку зодиака Рыбы – Весы
Совместимость по знаку зодиака Рыбы – Весы
Асраи - Дух рек и озер
Асраи - Дух рек и озер
5-ть интересных фактов о воде
5-ть интересных фактов о воде
Анекдоты про сказочных героев -=- 44
Анекдоты про сказочных героев -=- 44
Анекдоты про чукчей - 65
Анекдоты про чукчей - 65
Анекдоты про Вовочку -=- 39
Анекдоты про Вовочку -=- 39
Анекдоты про чудаков - (90 шт.)
Анекдоты про чудаков - (90 шт.)
Дневник главврача психбольницы
Дневник главврача психбольницы
Advertising
MeteoNova
Свернуть Statistics Развернуть
Онлайн всего: 16
Гостей: 16
Пользователей: 0

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

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