Ива и Пышногривка. >>Ива учит Пышногравку HTML'ю.

Поделиться112011-09-01 18:27:37

Автор: Ива
[ Mast Love Cats! ]
Откуда: Бердск
Зарегистрирован: 2011-08-29
Приглашений: 0
Сообщений: 92
Уважение: +6
Позитив: +2
Пол: Женский
Возраст: 24 [2000-03-09]
Провел на форуме:
11 часов 27 минут
Последний визит:
2011-09-14 10:47:18

Пышногривка
Во-первых, напиши в теме, то бишь здесь.
Во-вторых, задаются вопросы, да, да. Поэтому сформулируй вопрос.

0

Поделиться122011-09-01 18:42:43

Автор: Пышногривка
Анкета заполнена.
Зарегистрирован: 2011-08-29
Приглашений: 0
Сообщений: 54
Уважение: +0
Позитив: +0
Провел на форуме:
1 день 8 часов
Последний визит:
2011-11-21 19:02:36

http://forumd.ru/viewtopic.php?id=368
Вот здесь я смотрела заполнение таблиц.
Мне был не понятен Шаг 3 Ячейки .Эти ячейки че и будут такими квадратными??Че то как то на таблицу не похоже.
Шаг 4. Заполнение таблиц текстом.Здесь мне было все понятно

Шаг 5. Объединение ячеек.Здесь и все что далее мне совсем не понятно...

0

Поделиться132011-09-02 09:05:57

Автор: Ива
[ Mast Love Cats! ]
Откуда: Бердск
Зарегистрирован: 2011-08-29
Приглашений: 0
Сообщений: 92
Уважение: +6
Позитив: +2
Пол: Женский
Возраст: 24 [2000-03-09]
Провел на форуме:
11 часов 27 минут
Последний визит:
2011-09-14 10:47:18

Пышногривка
Да, но при пятом шагу их объединяют.
Если понятно - хорошо.
Пятый шаг объясняю.
Берем код таблицы, который написала Герда.

Код:

    <table>
    <tr>
    <td>ячейка 1</td>
    <td>ячейка 2</td>
    <td>ячейка 3</td>
    </tr>
    <tr>
    <td>ячейка 4</td>
    <td>ячейка 5</td>
    <td>ячейка 6</td>
    </tr>
    <tr>
    <td>ячейка 7</td>
    <td>ячейка 8</td>
    <td>ячейка 9</td>
    </tr>
    <tr>
    <td>ячейка 10</td>
    <td>ячейка 11</td>
    <td>ячейка 12</td>
    </tr>
    </table>

Берем первые три ячейки. Давайте их объединим. вот код первых трех ячеек.

Код:

    <tr>
    <td>ячейка 1</td>
    <td>ячейка 2</td>
    <td>ячейка 3</td>
    </tr>

Берем первую строку и ставим тег colspan, который объединяет ячейки по горизонтали.

Код:

<td clospan=3>ячейка 1</td>

Мы объединили все три ячейки сверху. Код выглядит так:

Код:

    <table>
    <tr>
<td clospan=3>ячейка 1</td>
    </tr>
    <tr>
    <td>ячейка 4</td>
    <td>ячейка 5</td>
    <td>ячейка 6</td>
    </tr>
    <tr>
    <td>ячейка 7</td>
    <td>ячейка 8</td>
    <td>ячейка 9</td>
    </tr>
    <tr>
    <td>ячейка 10</td>
    <td>ячейка 11</td>
    <td>ячейка 12</td>
    </tr>
    </table>

А теперь объединим 7 и 8 ячейки. Берем код:

Код:

    <td>ячейка 7</td>
    <td>ячейка 8</td>
    <td>ячейка 9</td>

Удаляем строку 8-ой ячейки, и ставим rowspam=2, и в итоге у нас такой код:

Код:

    <td rowspam=2>ячейка 7</td>
    <td>ячейка 9</td>

ЗАДАНИЕ
Попробуй сделать свою таблицу на форуме, используя кнопки "Таблица", "Строка", "Ячейка". Но пока не объединяй их, т.к. по моему на форуме это запрещено. Я сделаю HTML-код и ты попробуешь объеденить пару ячеек. Сделай хотя-бы 3х4, или 4х4, 4х5 и т.д.

0

Поделиться142011-09-03 14:17:15

Автор: Пышногривка
Анкета заполнена.
Зарегистрирован: 2011-08-29
Приглашений: 0
Сообщений: 54
Уважение: +0
Позитив: +0
Провел на форуме:
1 день 8 часов
Последний визит:
2011-11-21 19:02:36

Здесь на форуме или на другом форуме ?

0

Поделиться152011-09-04 11:01:04

Автор: Ива
[ Mast Love Cats! ]
Откуда: Бердск
Зарегистрирован: 2011-08-29
Приглашений: 0
Сообщений: 92
Уважение: +6
Позитив: +2
Пол: Женский
Возраст: 24 [2000-03-09]
Провел на форуме:
11 часов 27 минут
Последний визит:
2011-09-14 10:47:18

Пышногривка
здесь :З
Вот над формой ответа есть кнопки, "Таблица", "Строка" и "Ячейка". Ими и лепить таблицу.

0

Поделиться162011-09-04 13:17:42

Автор: Пышногривка
Анкета заполнена.
Зарегистрирован: 2011-08-29
Приглашений: 0
Сообщений: 54
Уважение: +0
Позитив: +0
Провел на форуме:
1 день 8 часов
Последний визит:
2011-11-21 19:02:36

Код:

[table]
[tr]
[td]ячейка 1[/td]
[td]ячейка 2[/td]
[td]ячейка 3[/td]
[td]ячейка 4[/td]
[/tr]
[tr]
[td]ячейка 5[/td]
[td]ячейка 6[/td]
[td]ячейка 7[/td]
[td]ячейка 8[/td]
[/tr]
[tr]
[td]ячейка 9[/td]
[td]ячейка 10[/td]
[td]ячейка 11[/td]
[td]ячейка 12[/td]
[/tr]
[tr]
[td]ячейка 13[/td]
[td]ячейка 14[/td]
[td]ячейка 15[/td]
[td]ячейка 16[/td]
[/tr]
[/table]

0

Поделиться172011-09-05 09:27:51

Автор: Ива
[ Mast Love Cats! ]
Откуда: Бердск
Зарегистрирован: 2011-08-29
Приглашений: 0
Сообщений: 92
Уважение: +6
Позитив: +2
Пол: Женский
Возраст: 24 [2000-03-09]
Провел на форуме:
11 часов 27 минут
Последний визит:
2011-09-14 10:47:18

[b]Пышногривка
отлично, правда какая-то она большая :З ну ничего...[/b]

Код:

<table width="100%" border="1">
<tbody align="center">
<tr>
<td>ячейка 1</td>
<td>ячейка 2</td>
<td>ячейка 3</td>
<td>ячейка 4</td>
</tr>
<tr>
<td>ячейка 5</td>
<td>ячейка 6</td>
<td>ячейка 7</td>
<td>ячейка 8</td>
</tr>
<tr>
<td>ячейка 9</td>
<td>ячейка 10</td>
<td>ячейка 11</td>
<td>ячейка 12</td>
</tr>
<tr>
<td>ячейка 13</td>
<td>ячейка 14</td>
<td>ячейка 15</td>
<td>ячейка 16</td>
</tr>
</tbody>
</table>

Давай объединим некоторые из них. Выбирай, какие будем объединять?

0