С използването на таблици вие може да създадете такива ефекти като пресъздаване на
няколко колони,фонови изображения , тънки линии на цялата страница,
ширина или височина и др.
|
За да разберете
устройството на таблиците ,разгледайте този пример:
|
Клетка 1
|
Клетка 2
|
|
Клетка 3
|
Клетка 4
|
Фиксирана ширина(WIDTH="200" пиксела)
|
Тази таблица се осъществява със следния код:
<TABLE BORDER="2" WIDTH="200"
BGCOLOR="#00FF00">
<TR>
<TD> Клетка 1</TD>
<TD> Клетка 2</TD>
</TR>
<TR>
<TD> Клетка 3</TD>
<TD> Клетка 4</TD>
</TR>
</TABLE>
|
Таблицата започва с отварящ
таг <TABLE> и завършва със затварящ </TABLE>.
Таг <TABLE> може да включва следният атрибути:
|
WIDTH="n"
|
Посочва ширината на таблицата в пиксели или проценти, по
подразбиране таблицата ширина се определя от съдържанието на клетки.
|
|
BORDER="n"
|
Указва дебелината на рамката. По подразбиране N = 0 -
таблицата се съставя без рамка.
|
|
BORDERCOLOR="#FFFFFF"
|
Задава цвета на границата, където # FFFFFF е (бяло) – шестнадесетично
число за цвят.
|
|
BGCOLOR="#FFFFFF"
|
Задава цвета на фона на цялата таблица, където # FFFFFF -шестнадесетично
число.
|
|
BACKGROUND="image.gif"
|
Запълва фона на
таблицата с изображение.
|
|
CELLSPACING="n"
|
.
Определя разстоянието между рамките на
клетките на таблицата в пиксели.
|
|
CELLPADDING="n"
|
Определя разстоянието между рамките на клетките и текста.
|
|
ALIGN=LEFT
|
Определя местоположението на таблиците в документа.
Позволени стойности:LEFT (вляво),
CENTER (в центъра на страницата) и RIGHT (вдясно)
|
|
FRAME="стойност"
|
Управляване на
външната граница на таблицата, е както следва:
VOID - без
граници (по подразбиране).
ABOVE - само границата на върха.
BELOW - само долната граница.
HSIDES - горната и долната граница.
VSIDES - само границата от ляво и дясно.
LHS - само в лявата страна.
RHS - само права граница.
BOX - изготвя всички четири страни.
BORDER - по всичките четири страни.
|
|
RULES="n"
|
Управление на
линиите , разделящи клетките на таблицата. Възможна стойност (n):
NONE - без линии (по
подразбиране).
GROUPS – линиите ще бъдат само
между редовете.
ROWS - само между редовете.
COLS - само между колони.
ALL - между всички редове и колони.
|
Таблицата може да включва заглавие, което се разполага между таговете <CAPTION></CAPTION>.Трябва да
бъде непосредствено след тага <TITLE>.В заглавието може дасе използва атрибута ALIGN, определящ неговото място в таблицата.
TOP - по подразбиране, заглавието над таблицата в центъра.
LEFT - заглавието над таблицата в ляво.
RIGHT - заглавието в горния десен ъгъл..
BOTTOM – заглавие под
таблицата в центъра.
Редове и клетки.. редовете в таблиците започват с отворен таг <TR> и завършват със затворен </TR> а всяка клетка от таблицата
започва с този таг <TD> и завършва с </TD>. Тези тагове могат да имат
такива атрибути:
|
Следните атрибути
могат да се използват за редове и клетки
|
|
ALIGN=LEFT
|
Задава хоризонталното подравняване на текста в клетки. Той може да вземе стойността LEFT (Подравняване вляво), CENTER (подравняване в центъра) и RIGHT (вдясно).
|
|
VALIGN=CENTER
|
Задава вертикално подравняване на текста в клетки.. Допустима стойност: TOP (подравнение по горния край), CENTER
(подравнение по центъра - Тази стойност е приета по подразбиране), BOTTOM (по долния край).
|
|
BGCOLOR="#FFFFFF"
|
Задава цвета на фона на ред или клетка.
|
|
BACKGROUND="image.gif"
|
Запълва фона на клетъчна или линия с изображение.
|
|
Следните атрибути
могат да се използват само за клетки.
|
|
WIDTH="n"
|
Определя
ширината на клетката в пиксели.
|
|
HEIGHT="n"
|
Определя
височината на клетката в пиксели.
|
|
COLSPAN="n"
|
Разтяга
клетката по хоризонтала. Например, <TD COLSPAN="2"> означава,
че ще се разтегна на 2 колонки.
|
|
ROWSPAN="n"
|
Разтяга
клетката по редове. Например, <TD
ROWSPAN="2" означава, че клетката ще се разтегна в два реда
от таблицата.
|
|
NOWRAP
|
Присъствието на
този атрибут показва ,че текстът трябва да бъде поставен в една линия
|
|
BACKGROUND="image.gif"
|
Запълва
фона на клетката с изображение.
|
В допълнение, всяка клетка от таблицата може да се определя
не таг <td> </ TD> и тагове
<TH> </ TH> - Table Header (заглавието на таблицата). По принцип, това
е нормалната клетка, но текста вътре в тези тагове ще бъде подчертан и центриран.
И още - имайте предвид, че таговете, които определят шрифта
са (<B>,
<I>, <FONT SIZE="n", FONT COLOR="#FFFFFF"),
необходимо е да се повтарят за всяка клетка.
Автор: psworld
|
