Таблицы - Урок 6


А можно иметь таблицу внутри таблицы??
Давайте пробовать. Начните с малого Ed.

<TABLE BORDER=3>
<TR>
<TD>Ed</TD>
</TR>
</TABLE>

Ed


Сделайте таблицу большой.

<TABLE BORDER=3 WIDTH=200 HEIGHT=100>
<TR>
<TD>Ed</TD>
</TR>
</TABLE>

Ed


Замените Ed на полную таблицу "малый Ed"

<TABLE BORDER=3 WIDTH=200 HEIGHT=100>
<TR>
<TD>

<TABLE BORDER=3>
<TR>
<TD>Ed</TD>
</TR>
</TABLE>

</TD>
</TR>
</TABLE>

Ed


Наша таблица может также быть очень легко центрирована.

<CENTER>
<TABLE BORDER=3 WIDTH=200 HEIGHT=100>
<TR>
<TD>

<TABLE BORDER=3>
<TR>
<TD>Ed</TD>
</TR>
</TABLE>

</TD>
</TR>
</TABLE>
</CENTER>

Ed


Имеется ситуация, где таблица может решать общую проблему. Это идея для анимации большого gif. Изображение, которое Вы хотите использовать, довольно большое. Так как Вы знаете, что анимированный gif - в основе ряд gif -ов, отображаемых один за другим. Ваши читатели не будут в восторге от 700Кб неповоротливого изображения свалившегося на них. Из-за размера, их браузер зависнет, пробуя отобразить этот gif. Решение. Разрежте на фрагменты и отобразите все изображение как таблицу.

Пример:

Netscape с Microsoft?

Рисунок Boris Vallejo

Имеется та же самая таблица со включенным CELLSPACING.

Netscape с Microsoft?

Единственная часть изображения, которая анимируется - глаза.

Есть html код для этой таблицы. ( Caption - заголовок вообще не требуется и он не имеет никакого влияния на остальные части таблицы)

<TABLE WIDTH=591 BORDER=0 CELLSPACING=0 CELLPADDING=0>
<CAPTION ALIGN=top><FONT SIZE=6><STRONG><EM>Netscape vs. Microsoft?</EM></STRONG></FONT></CAPTION>

<TR>
<TD ROWSPAN=3><IMG SRC="dragon4.gif" WIDTH=250 HEIGHT=406></TD>
<TD><IMG SRC="dragon3.gif" WIDTH=122 HEIGHT=109></TD>
<TD ROWSPAN=3><IMG SRC="dragon5.gif" WIDTH=219 HEIGHT=406></TD>
</TR>

<TR>
<TD><IMG SRC="anidrag.gif" WIDTH=122 HEIGHT=50></TD>
</TR>

<TR>
<TD><IMG SRC="dragon2.gif" WIDTH=122 HEIGHT=247></TD>
</TR>

</TABLE>


Это - размещение.

dragon4.gif dragon3.gif dragon5.gif
anidrag.gif
dragon2.gif


<--ОБРАТНО        ДАЛЕЕ-->

Введение Урок 1 Урок 2 Урок 3 Урок 4 Урок 5 Урок 6 Урок 7 Уазатель
Таблицы, Формы и Итак, Вы хотите построить Web Страницу!