Таблицы - Урок 2
Ok, вот что мы получили...
<TABLE>
<TR>
<TD>Ed</TD>
</TR>
</TABLE>
...и оно дает нам :
Ed |
<TABLE BORDER=1>
<TR>
<TD>Ed</TD>
</TR>
</TABLE>
Ed |
<TABLE BORDER=5>
<TR>
<TD>Ed</TD>
</TR>
</TABLE>
Ed |
<TABLE BORDER=25>
<TR>
<TD>Ed</TD>
</TR>
</TABLE>
Ed |
<TABLE BORDER=0>
<TR>
<TD>Ed</TD>
</TR>
</TABLE>
Ed |
Вы могли видеть, значение по умолчанию без рамки.
<TABLE BORDER=3>
<TR>
<TD>Ed</TD>
</TR>
</TABLE>
Ed |
<TABLE BORDER=3>
<TR>
<TD>Ed, Rick and Tom</TD>
</TR>
</TABLE>
Ed, Rick and Tom |
<TABLE BORDER=3 WIDTH=100%>
<TR>
<TD>Ed, Rick and Tom</TD>
</TR>
</TABLE>
Ed, Rick and Tom |
<TABLE BORDER=3 WIDTH=75%>
<TR>
<TD>Ed, Rick and Tom</TD>
</TR>
</TABLE>
Ed, Rick and Tom |
<TABLE BORDER=3 WIDTH=75%>
<TR>
<TD>Ed</TD>
</TR>
</TABLE>
Ed |
<TABLE BORDER=3 WIDTH=50%>
<TR>
<TD>Ed</TD>
</TR>
</TABLE>
Ed |
<TABLE BORDER=3 WIDTH=50>
<TR>
<TD>Ed</TD>
</TR>
</TABLE>
Ed |
<TABLE BORDER=3 WIDTH=100>
<TR>
<TD>Ed</TD>
</TR>
</TABLE>
Ed |
Как Вы можете видеть, имеются два способа определения ширины таблицы. Какой стиль использовать для этого сейчас не существенно.
<TABLE BORDER=3 WIDTH=100 HEIGHT=75>
<TR>
<TD>Ed</TD>
</TR>
</TABLE>
Ed |
<TABLE BORDER=3 WIDTH=100 HEIGHT=75>
<TR>
<TD ALIGN=CENTER>Ed</TD>
</TR>
</TABLE>
Ed |
Ed |
Ed |
Как Вы можете видеть, значение по умолчанию - ALIGN=LEFT.
<TABLE BORDER=3 WIDTH=100 HEIGHT=75>
<TR>
<TD ALIGN=LEFT VALIGN=TOP>Ed</TD>
</TR>
</TABLE>
Ed |
Ed |
Ed |
Значение по умолчанию - середина.
<TABLE BORDER=3 WIDTH=100 HEIGHT=75>
<TR>
<TD ALIGN=LEFT VALIGN=MIDDLE><IMG SRC="ed.gif"
WIDTH=32 HEIGHT=32></TD>
</TR>
</TABLE>
![]() |
Я полагаю, что теперь самое время, подчеркнуть, что хорошая практика включить размерные атрибуты со всеми метками изображения. Я не буду говорить о деталях, но выполнение этого правила упрощает загрузку для браузера и позволяет избегать некоторые неожиданности.
Введение | Урок 1 | Урок 2 | Урок 3 | Урок 4 | Урок 5 | Урок 6 | Урок 7 | Указатель |
Таблицы, Формы и Итак, Вы хотите построить Web Страницу! |