Êåñòåëåð

Web –құæàòûíûң íåã³çã³ áөë³êòåð³í³ң á³ð³ êåñòå. Îë ò³êáұðûøòû áàғàíàëàð ìåí êөëäåíåң îðíàëàñқàí æîëäàðäàí òұðàòûí òîðëàð æèûíû òүð³íäå қàðàñòûðûëàäû. Æîëäàð ìåí áàғàíàíûң қèûëûñû ұÿøûқ äåï àòàëàäû. Á³ð ұÿøûқòà ìәò³í, ñóðåò íåìåñå áàñқà á³ð øàғûí êåñòå îðíàëàñà àëàäû. Êåñòåëåðä³ қîëäàíà îòûðûï, á³ðíåøå áàғàíà құðóғà æәíå ñóðåòò³ң ôîí ìåí үéëåñó³í ñәíä³ðåê åòó³ãå áîëàäû ò.ñ.ñ. Êåñòå <TABLE> àøûëàòûí òýã³ìåí áàñòàëûï </TABLE> òýã³ìåí àÿқòàëàäû. Êåñòåí³ң æîëäàðû <TR> òýã³ìåí áàñòàëàäû æәíå (</TR> Table Row), òýã³ìåí æàáûëàäû, àë әðá³ð ұÿøûқ <TD> òýã³ìåí áàñòàëûï(</TD> Table Data) òýã³ìåí àÿқòàëàäû. <TD> òýã³ êåñòåäåã³ ìәë³ìåòòåðä³ êөðñåòóãå àðíàëғàí, àë ұÿøûқòàð òàқûðûáûí åíã³çó үø³í <TH>…</TH> (Table Header) (êåñòå òàқûðûáû)òýã³ қîëäàíûëàäû,á³ðàқ áұë æàғäàéäà ìәò³í қàëûң øðèôòò³ ³ð³ ұÿøûқ îðòàñûíà æàçûëàäû.

<TABLE> òýã³íäå ìûíàäàé àòðèáóòòàðû áîëóû ìүê³í:

Àòðèáóò Àòқàðàòûí қûçìåò³
ALIGN Êåñòåí³ң құæàòòàғû îðíàëàñóûí àíûқòàéäû. Æàçûëìàғàí æàғäàéäà êåñòå äîêóìåíòò³ң ñîë æàғûíà æàáûñûï òұðàäû. Îíûң ìûíàäàé àòðèáóòòàðû áàð: LEFT (ñîë æàққà), CENTER (îðòàғà) æәíå RIGHT (îң æàққà).
WIDTH   Êåñòåí³ң åí³í ïèêñåëüìåí íåìåñå ïàéûçáåí àíûқòàéäû. (ìûñàëû, WIDTH= “400”) íåìåñå êåñòå åí³í ïàéûç áîéûíøà (ìûñàëû, WIDTH= “80%” ).
BORDER Êåñòå қàáûðғàñûíûң қàëûңäûғûí ïèêñåëüìåí áåðåä³ (ìûñàëû BORDER= “4”), æàçáàғàí æàғäàéäà n=0 áîëûï, êåñòå қàáûðғàëàðû êөð³íáåé òұðàäû.
CELLSPACING Ұÿøûқòàðäûң àðà қàøûқòûқòàðûí ïèêñåëüäåðìåí áåðåä³. (ìûñàëû, CELLSPACING= “2”).
CELLPADDING Ìәò³í ìåí êåñòå қàáûðғàñûíûң àðà қàøûқòûғûí ïèêñåëüäåðìåí áåðåä³.

Êåñåòäå òàқûðûï îðíàëàñóû ìүìê³í, îë (<CAPTION> ... </CAPTION>) òýãòåð³í³ң îðòàñûíäà îðíàëàñàäû. Òàқûðûïқà ALIGN àòðèáóòûí қîëäàíóғà áîëàäû, îë êåñòåäå îðíàëàñóûí àíûқòàéäû: <CAPTION ALIGN=TOP> òàқûðûï êåñòåí³ң æîғàðғû æàғûíûң îðòàñûíà æàçûëàäû. <CAPTION ALIGN=BOTTOM> òàқûðûï êåñòåí³ң òөìåíã³ æàғûíûң îðòàñûíà æàçûëàäû.Êåñòåí³ң æîëäàðû <TR> òýã³ìåí áàñòàëàäû æәíå </TR> òýã³ìåí æàáûëàäû. Áåð³ëãåí òýãò³ң ìûíàäàé àòðèáóòòàðû áîëóû ìүìê³í:

Àòðèáóò Àòқàðàòûí қûçìåò³
ALIGN Ұÿøûқòàғû ìәò³íä³ êөëäåíåң òүçåòó. LEFT (ñîëғà), ÑENTER (îðòàғà) æәíå RIGHT (îңғà) áåëã³ëåð³í ïàéäàëàíóғà áîëàäû.
VALIGN Ұÿøûқòàғû ìәò³íä³ ò³ã³íåí òүçåòó. Áåð³ëåò³í áåëã³ëåð: VALIGN=TOP (æîғàðғû øåòïåí òүçåòó), VALIGN=CENTER (îðòàғà òүçåòó, åø íәðñå æàçáàғàí æàғäàéäà қîëäàíûëàäû), VALIGN=BOTTOM (òөìåíã³ øåòïåí òүçåòó).

Êåñòåí³ң әðá³ð ұÿøûғû <TD> òýã³ìåí áàñòàëûï</TD> òýã³ìåí æàáûëàäû. Áåð³ëãåí òýãò³ң ìûíàäàé àòðèáóòòàðû áîëóû ìүìê³í:

Àòðèáóò Àòқàðàòûí қûçìåò³
NOWRAP Áұë àòðèáóò ұÿøûқòàғû ìәò³íä³ á³ð æîëғà ñèäûðàäû.
COLSPAN Êåñòåí³ êөëäåíåң òүðäå ñîçó. Ìûñàëû, <TD COLSPAN="2"> ұÿøûқ åê³ áàғàíàғà ñîçûëàòûíûí á³ëä³ðåä³.
ROWSPAN Ұÿøûқòû æîë áîéûìåí ñîçó. Ìûñàëû, <TD ROWSPAN="2"> ұÿøûқ êåñåòåí³ң åê³ æîëûíà ñîçûëàòûíûí á³ëä³ðåä³.
WIDTH Ұÿøûқòûң åí³í ïèêñåëüäåðìåí áåðåä³. (ìûñàëû, WIDTH= “200”).
HEIGHT Ұÿøûқòûң áè³êò³ã³í ïèêñåëüäåðìåí áåðåä³. (ìûñàëû, HEIGHT= “40”).
BORDERCOLOR="#FFFFFF" Қàáûðғàíûң òүñ³í àíûқòàéäû, #FFFFFF - àқ òүñ.
BACKGROUND="image.gif" Êåñòåí³ң ôîíûíà ñóðåò òîëòûðàäû.