Tablicy
ne sovsem dlya chajnikov
Obshchaya informaciya o tablicah
Itak, tablicy. |to chrezvychajno udobnoe sredstvo teper' ispol'zuetsya vezde i povsemestno. Vot i my reshili posvyatit' odnu stat'yu dannomu voprosu.
Itak tablica vstavlyaetsya v HTML-dokument tegami <TABLE> i </TABLE>. Odna iz samyh katastroficheskih oshibok v redaktirovanii HTML-dokumentov yavlyaetsya otsutstvie zakryvayushchego tega </TABLE> Netscape Navigator , naprimer, voobshche otkazyvaetsya vyvodit' takuyu tablicu.
Parametry u tega <TALBE> sleduyushchie:
Mezhdu etimi dvumya tegami mogut raspolagat'sya sleduyushchie elementy:
- <CAPTION> Nazvanie tablicy </CAPTION>. Parametr u tega CAPTION vsego odin - ALIGN - raspolozhenie nazvaniya tablicy. Mozhet prinimat' vsego dva znacheniya - top ( nad tablicej ) i bottom ( pod tablicej )
- <TR> Strochka tablicy </TR> - Odna stroka tablicy. Mozhet imet' sleduyushchie parametry:
- ALIGN - Vyravnivanie vnutri stroki ( LEFT, RIGHT, CENTER );
- VALIGN - Vertikal'noe vyravnivanie vnutri stroki tablicy ( TOP, BOTTOM, MIDDLE );
- BGCOLOR - Cvet fona vnutri stroki.
- <TD> Stolbec tablicy </TD> - Odna stolbec tablicy. Mozhet imet' sleduyushchie parametry:
- ALIGN - Vyravnivanie ( sm. vyshe );
- VALIGN - Vertikal'noee vyravnivanie ( sm. vyshe );
- COLSPAN, ROWSPAN - Rastyagivanie kletki na neskol'ko stolbcov, strok ( podrobnee sm. nizhe );
- BGCOLOR - Cvet fona pod stolbcom.
Primer tablicy:
<TABLE BORDER>
<TR>
<TD>A</TD> <TD>B</TD> <TD>C</TD>
</TR>
<TR>
<TD>D</TD> <TD>E</TD> <TD>F</TD>
</TR>
</TABLE>
Rezul'tat:
A B C D E F
- <TH> Zagolovok </TH> - |lement tablicy s zagolovkom stolbca ili stroki.
Mozhet imet' sleduyushchie parametry:
- ALIGN - Vyravnivanie ( sm. vyshe );
- VALIGN - Vertikal'noee vyravnivanie ( sm. vyshe );
- COLSPAN, ROWSPAN - Rastyagivanie kletki na neskol'ko stolbcov, strok ( podrobnee sm. nizhe );
- WIDTH - SHirina nazvaniya;
- BGCOLOR - Cvet fona pod nazvaniem.
Primer ispol'zovaniya zagolovkov:
<TABLE BORDER>
<TR>
<TH>Zagolovok 1</TH> <TH>Zagolovok 2</TH> <TH>Zagolovok 3</TH>
</TR>
<TR>
<TD>A</TD> <TD>B</TD> <TD>C</TD>
</TR>
<TR>
<TD>D</TD> <TD>E</TD> <TD>F</TD>
</TR>
</TABLE>
Rezul'tat:
Zagolovok 1 Zagolovok 2 Zagolovok 3 A B C D E F
COLSPAN, ROWSPAN
Neredko voznikaet situaciya, kogda trebuetsya rastyanut' odnu kletku tablicy, naprimer, na dva stolbca ili na dve stroki i prochee. Dlya dostizheniya podobnogo rezul'tata neobhodimo ispol'zovat' dva parametra tegov TH, TR i TD. Rassmotrim ispol'zovanie etih parametrov podrobnee.
Itak, parametr COLSPAN - est' ukazanie brouzeru razdvinut' kletku tablicy na neskol'ko stolbcov. Naprimer: COLSPAN=2 - razdvinut' kletku tablicy na 2 stolbca.
Parametr ROWSPAN - vytyanut' kletku ( strochku, stolbec ) tablicy na 2-e stroki.
Primery ispol'zovaniya:
<TABLE BORDER>
<TR>
<TD ALIGN=center ROWSPAN=2 COLSPAN=2>A</TD>
<TD>1</TD>
<TD>2</TD>
</TR>
<TR>
<TD>3</TD>
<TD>4</TD>
</TR>
<TR>
<TD ALIGN=center ROWSPAN=2 COLSPAN=2>C</TD>
<TD ALIGN=center ROWSPAN=2 COLSPAN=2>D</TD>
</TR>
<TR>
</TR>
</TABLE>
Rezul'tat:
A 1 2 3 4 C D
Bordyury tablicy
Vyshe byl opisan takoj parametr tega <TABLE> kak BORDER. |tot parametr ustanavlivaet shirinu bordyura tablicy. On mozhet prinimat' lyuboe znachenie ot 0 do 10. SHirina bordyura ravnaya 0 oboznachaet otsutstvie onogo. YA vydelil opisanie etogo parametra v otdel'nyj paragraf, tak kak s pomoshch'yu nego mozhno sozdat' dovol'no interesnye effekty. Naprimer:
<TABLE ALIGN=center BORDER=5>
<TR>
<TD>
<A HREF="http://www.cross.ru/index.htm"><IMG SRC="http://koi.cross.ru/menu/cross3small.gif"
ALT="PEREKRESTOK" ALIGN=left WIDTH=300 HEIGHT=55 BORDER=0></A>
</TD>
</TR>
</TABLE>
Rezul'tat:
Parametr WIDTH
|tot nemalovazhnyj parametr, kotoryj vstrechaetsya vo mnogih tablichnyh tegah oboznachaet vo vseh sluchayah odno - prinuditel'nyyu ustanovku shiriny. Naprimer, shirina stolbca budet ravna samomu shirokomu elementu etogo stolbca, a esli zhe Vy hotite, ustanovit' tochnuyu shirinu dlya etogo stolbca v polovinu vsej tablicy, to ispol'zujte dlya etogo parametr WIDTH
Primer ispol'zovaniya:
<TABLE BORDER WIDTH="50%">
<TR><TD WIDTH=80%>Tablica v 50% shiriny ot ekrana. Stolbec v 80% shiriny tablicy</TD><TD>2</TD>
</TR>
<TR><TD>3</TD><TD>4</TD>
</TR>
</TABLE>
Rezul'tat:
Tablica v 50% shiriny ot ekrana. Stolbec v 80% shiriny tablicy 2 3 4
V dorozhku
Vot Vy i poznakomilis' s prilichnym naborom tablichnyh tegov. V dobryj put'. Odnako, ne zabyvajte, chto na etom puti sushchestvuet mnozhestvo podvodnyh kamnej. V pervuyu ochered' oni svyazany s razlichnymi tipami brauzerov. Naprimer, Internet Explorer sovsem nedavno nauchilsya korrektno pokazyvat' tablicy, a Netscape Navigator sbrasyvaet ustanovki shrifta i teksta dlya tablicy ( t.e. vnutri samoj tablicy eti ustanovki ne sohranyayut svoi znacheniya, a sbrasyvayutsya na znacheniya po umolchaniyu ).
Original of this document is here Oleg Bunin