Нека сега да се отървем от CELLPADDING и CELLSPACING и да се върнем към първоначалната проста табличка.
<TABLE BORDER=3>
<TR>
<TR>
</TABLE>
<TD>Ed</TD>
<TD>Tom</TD>
<TD>Rick</TD>
</TR>
<TD>Larry</TD>
<TD>Curly</TD>
<TD>Mo</TD>
</TR>
Ed | Tom | Rick |
Larry | Curly | Mo |
Прекрасна способност на браузерите е, че могат да "боядисват" таблиците в различни цветове. Използва се BGCOLOR също както и в <BODY> тага.
<TABLE BORDER=3 BGCOLOR="#FFCC66">
<TR>
<TR>
</TABLE>
<TD>Ed</TD>
<TD>Tom</TD>
<TD>Rick</TD>
</TR>
<TD>Larry</TD>
<TD>Curly</TD>
<TD>Mo</TD>
</TR>
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> ще "надвие" фонът на <TR>, а той пък от своя страна "надвива" <TABLE> фона. Това разбира се има нужда от допълнително онагледяване, така че внимателно разгледайте следващия пример. (Кодът е оцветен за да знаете за кой цвят се отнася).
<TABLE BORDER=3 BGCOLOR="#FF6633">
<TR BGCOLOR="#009900">
<TR>
</TABLE>
<TD BGCOLOR="#9999FF">Ed</TD>
<TD>Tom</TD>
<TD>Rick</TD>
</TR>
<TD>Larry</TD>
<TD>Curly</TD>
<TD>Mo</TD>
</TR>
Ed | Tom | Rick |
Larry | Curly | Mo |
Нека отделим минута за да обясним нещо. Браузера интерпретира вашите инструкции по най-добрия възможен начин. Ако нещо не е указано както трябва, повечето браузери се справят с положението по един или друг начин и показват страницата във възможно най-привлекателен вид. Вие като автор на страницата си ще трябва да укажете на браузера, колкото се може повече неща за да няма пространство за интерпретации. Добър подход е да имате наколко копия от най-разпространените браузери за да си тествате "произведенията". Резултата изглежда различно на различните браузери. Добра идея също е да тествате страниците си на екрани с различна разделителна способност. За това говорихме в първата част на този самоучител.
<TABLE BORDER=3>
<TR>
<TR>
</TABLE>
<TD>Ed</TD>
<TD>Rick</TD>
</TR>
<TD>Larry</TD>
<TD>Curly</TD>
<TD>Mo</TD>
</TR>
Ed | Rick | |
Larry | Curly | Mo |
<TABLE BORDER=3>
<TR>
<TR>
</TABLE>
<TD COLSPAN=2>Ed</TD>
<TD>Rick</TD>
</TR>
<TD>Larry</TD>
<TD>Curly</TD>
<TD>Mo</TD>
</TR>
Ed | Rick | |
Larry | Curly | Mo |
<TABLE BORDER=3>
<TR>
<TR>
</TABLE>
<TD COLSPAN=2>Ed</TD>
<TD>Tom</TD>
<TD>Rick</TD>
</TR>
<TD>Larry</TD>
<TD>Curly</TD>
<TD>Mo</TD>
</TR>
Ed | Tom | Rick | |
Larry | Curly | Mo |
<TABLE BORDER=3>
<TR>
<TR>
</TABLE>
<TD COLSPAN=2>Ed</TD>
<TD>Rick</TD>
</TR>
<TD>Larry</TD>
<TD>Curly</TD>
<TD>Mo</TD>
</TR>
Ed | Rick | |
Larry | Curly | Mo |
<TABLE BORDER=3>
<TR>
<TR>
</TABLE>
<TD COLSPAN=3 ALIGN=CENTER>Ed</TD>
</TR>
<TD>Larry</TD>
<TD>Curly</TD>
<TD>Mo</TD>
</TR>
Ed | ||
Larry | Curly | Mo |
<TABLE BORDER=3>
<TR>
<TR>
</TABLE>
<TD COLSPAN=3 ALIGN=CENTER><STRONG>Ed</STRONG></TD>
</TR>
<TD>Larry</TD>
<TD>Curly</TD>
<TD>Mo</TD>
</TR>
Ed | ||
Larry | Curly | Mo |
<TABLE BORDER=3>
<TR>
<TR>
</TABLE>
<TD COLSPAN=3 ALIGN=CENTER>
<A HREF="http://eton.dir.bg/">Ed</A></TD>
</TR>
<TD>Larry</TD>
<TD>Curly</TD>
<TD>Mo</TD>
</TR>
Ed | ||
Larry | Curly | Mo |
<TABLE BORDER=3>
<TR>
<TR>
</TABLE>
<TD>Ed</TD>
<TD>Tom</TD>
<TD>Rick</TD>
</TR>
<TD>Larry</TD>
<TD>Curly</TD>
<TD>Mo</TD>
</TR>
Ed | Tom | Rick |
Larry | Curly | Mo |
<TABLE BORDER=3>
<TR>
<TR>
</TABLE>
<TD ROWSPAN=2>Ed</TD>
<TD>Tom</TD>
<TD>Rick</TD>
</TR>
<TD>Curly</TD>
<TD>Mo</TD>
</TR>
Ed | Tom | Rick |
Curly | Mo |
<TABLE BORDER=3>
<TR>
<TR>
</TABLE>
<TD ROWSPAN=2>Ed</TD>
<TD COLSPAN=2>Tom</TD>
</TR>
<TD>Curly</TD>
<TD>Mo</TD>
</TR>
Ed | Tom | |
Curly | Mo |
Въведение | Урок 1 | Урок 2 | Урок 3 | Lesson 4 | Урок 5 | Урок 6 | Полезни връзки | Бърз html указател |
БЕЗПЛАТНИ РЕСУРСИ ЗА ВАШАТА WEB СТРАНИЦА |