Таблицы - Урок 4
<TABLE BORDER=3>
<TR>
<TD>Ed</TD>
<TD>Tom</TD>
<TD>Rick</TD>
</TR>
<TR>
<TD>Larry</TD>
<TD>Curly</TD>
<TD>Mo</TD>
</TR>
</TABLE>
Ed | Tom | Rick |
Larry | Curly | Mo |
Новое свойство браузеров - способность определять цветные фоны для ячеек, строки или целой таблицы. Вы используете BGCOLOR точно так же как в метке <BODY>.
<TABLE BORDER=3 BGCOLOR="#FFCC66">
<TR>
<TD>Ed</TD>
<TD>Tom</TD>
<TD>Rick</TD>
</TR>
<TR>
<TD>Larry</TD>
<TD>Curly</TD>
<TD>Mo</TD>
</TR>
</TABLE>
Ed | Tom | Rick |
Larry | Curly | Mo |
<TR BGCOLOR="#FF9999">
<TD>Ed</TD>
<TD>Tom</TD>
<TD>Rick</TD>
</TR>
<TR BGCOLOR="#99CCCC">
<TD>Larry</TD>
<TD>Curly</TD>
<TD>Mo</TD>
</TR>
</TABLE>
Ed | Tom | Rick |
Larry | Curly | Mo |
<TR BGCOLOR="#FFCCFF">
<TD>Ed</TD>
<TD>Tom</TD>
<TD>Rick</TD>
</TR>
<TR>
<TD BGCOLOR="#FF0000">Larry</TD>
<TD>Curly</TD>
<TD BGCOLOR="#3366FF">Mo</TD>
</TR>
</TABLE>
Ed | Tom | Rick |
Larry | Curly | Mo |
Есть удобная таблица для выбора цветного фона.
Еще одно о цветных фонах таблицы ... <TD> bgcolor отменяет <TR> bgcolor, а <TR> bgcolor отменяет <TABLE> bgcolor. Например:
<TABLE BORDER=3 BGCOLOR="#FF6633">
<TR BGCOLOR="#009900">
<TD BGCOLOR="#9999FF">Ed</TD>
<TD>Tom</TD>
<TD>Rick</TD>
</TR>
<TR>
<TD>Larry</TD>
<TD>Curly</TD>
<TD>Mo</TD>
</TR>
</TABLE>
Ed | Tom | Rick |
Larry | Curly | Mo |
Позвольте минуту для пояснений. Браузер должен интерпретировать команды, которые Вы даете ему, самым лучшим возможным способом. Если что-то не было определено так или иначе, большинство браузеров пробует найти привлекательное решение. Самое лучшее, что Вы можете сделать как автор, Вы должны определить столько, сколько можете, особенно те параметры, которые определяют желаемый вид вашей страницы. Также важно просмотреть вашу работу браузерами, которыми фактически пользуются ваши читатели. Так как большинство людей использует Netscape, хорошо начать с него. Вы можете также иметь копии пары других популярных браузеров, чтобы убедиться, что Ваша страница и в них выглядит правильно.
Другой аспект просмотра - разрешающая способность экрана. Кто-то работает на экране 640x480, а кто-то использует 800x600, некоторые имеют и 1024x768. Это простое различие может привести к серьезным проблемам с вашим проектом страницы. Есть небольшая утилита называемая QuickRes , которая может изменять разрешающую способность вашего экрана щелчком кнопки. Это не плохая идея просмотреть ваши страницы с различными разрешающими способностями.
<TABLE BORDER=3>
<TR>
<TD>Ed</TD>
<TD>Rick</TD>
</TR>
<TR>
<TD>Larry</TD>
<TD>Curly</TD>
<TD>Mo</TD>
</TR>
</TABLE>
Ed | Rick | |
Larry | Curly | Mo |
Это только оставило пустое пятно, а Rick сдвинулся и заполнил пустоту.
<TABLE BORDER=3>
<TR>
<TD COLSPAN=2>Ed</TD>
<TD>Rick</TD>
</TR>
<TR>
<TD>Larry</TD>
<TD>Curly</TD>
<TD>Mo</TD>
</TR>
</TABLE>
Ed | Rick | |
Larry | Curly | Mo |
<TABLE BORDER=3>
<TR>
<TD COLSPAN=2>Ed</TD>
<TD>Tom</TD>
<TD>Rick</TD>
</TR>
<TR>
<TD>Larry</TD>
<TD>Curly</TD>
<TD>Mo</TD>
</TR>
</TABLE>
Ed | Tom | Rick | |
Larry | Curly | Mo |
<TABLE BORDER=3>
<TR>
<TD COLSPAN=2>Ed</TD>
<TD>Rick</TD>
</TR>
<TR>
<TD>Larry</TD>
<TD>Curly</TD>
<TD>Mo</TD>
</TR>
</TABLE>
Ed | Rick | |
Larry | Curly | Mo |
<TABLE BORDER=3>
<TR>
<TD COLSPAN=3 ALIGN=CENTER>Ed</TD>
</TR>
<TR>
<TD>Larry</TD>
<TD>Curly</TD>
<TD>Mo</TD>
</TR>
</TABLE>
Ed | ||
Larry | Curly | Mo |
<TABLE BORDER=3>
<TR>
<TD COLSPAN=3 ALIGN=CENTER><STRONG>Ed</STRONG></TD>
</TR>
<TR>
<TD>Larry</TD>
<TD>Curly</TD>
<TD>Mo</TD>
</TR>
</TABLE>
Ed | ||
Larry | Curly | Mo |
<TABLE BORDER=3>
<TR>
<TD COLSPAN=3 ALIGN=CENTER>
<A HREF="http://www.bsu.bashnet.ru/">Ed</A></TD>
</TR>
<TR>
<TD>Larry</TD>
<TD>Curly</TD>
<TD>Mo</TD>
</TR>
</TABLE>
Ed | ||
Larry | Curly | Mo |
<TABLE BORDER=3>
<TR>
<TD>Ed</TD>
<TD>Tom</TD>
<TD>Rick</TD>
</TR>
<TR>
<TD>Larry</TD>
<TD>Curly</TD>
<TD>Mo</TD>
</TR>
</TABLE>
Ed | Tom | Rick |
Larry | Curly | Mo |
<TABLE BORDER=3>
<TR>
<TD ROWSPAN=2>Ed</TD>
<TD>Tom</TD>
<TD>Rick</TD>
</TR>
<TR>
<TD>Curly</TD>
<TD>Mo</TD>
</TR>
</TABLE>
Ed | Tom | Rick |
Curly | Mo |
<TABLE BORDER=3>
<TR>
<TD ROWSPAN=2>Ed</TD>
<TD COLSPAN=2>Tom</TD>
</TR>
<TR>
<TD>Curly</TD>
<TD>Mo</TD>
</TR>
</TABLE>
Ed | Tom | |
Curly | Mo |
Введение | Урок 1 | Урок 2 | Урок 3 | Урок 4 | Урок 5 | Урок 6 | Урок 7 | Указатель |
Таблицы, Формы и Итак, Вы хотите построить Web Страницу! |