КЕСТЕЛЕР ТҰРҒЫЗУ

Кесте тұ рғ ызу < TABLE> жә не < /TABLE> тә гтері кө мегімен орындалады, оның ә рбір жолын анық тау – < TR> жә не < /TR> тә гтері арқ ылы, ал сол жолдардағ ы бағ аналар – < TD> жә не < /TD> немесе < ТН> жә не < /ТН> тә гтері арқ ылы анық талады. < TD> жә не < ТН> тә гтерінің жұ мысы ұ қ сас, бірақ < ТН> тә гтерімен қ оршалғ ан мә тін қ арайтылғ ан бағ ана тақ ырыптары болып табылады да, < TD> тә гтерімен одан кейінгі қ арапайым бағ аналар жазылады.

Кесте тақ ырыбы < CAPTION> жә не < /CAPTION> тә гтерімен қ оршалып жазылады. Жалпы кестені толық анық тау ережесі тө мендегі ү лгімен беріледі:

< TABLE ALIGN=" center" BGCOLOR=" #rrggbb" BORDER=" integer"

BORDERCOLOR=" #rrggbb" WIDTH=" integer" >......

< /TABLE>

Бірақ кесте тұ рғ ызу кезінде олардың кейбірі қ олданылмауы да мү мкін. Енді осы кесте тә гі атрибуттарының атқ аратын жұ мысына тоқ талайық:

ALIGN атрибуты кестенің шет жақ тарғ а туралануын анық тайды (кө рсе­тілмесе, келісім бойынша сол жақ шетке). ALIGN мә ні – қ остырнақ ша ішіндегі сө з – мына сө здердің біріне сә йкес келуі тиіс: LEFT (сол жақ шетке), CENTER (ортағ а), RIGHT (оң жақ шетке).

BGCOLOR кесте торының ішкі фон тү сін тағ айындайды (он алтылық RGB форматындағ ы сан немесе ағ ылшын тіліндегі белгілен­ген тү с атауы).

BORDER — бү тін сан, кесте жақ таулары сызығ ының пиксельмен берілген қ алың дығ ы. Егер BORDER берілмесе, жақ тау сызық тары кө рсетілмейді.

BORDERCOLOR жақ тау сызық тарының тү сін тағ айындайды (он алтылық RGB форматындағ ы сан немесе ағ ылшын тіліндегі белгілен­ген тү с атауы), BORDER атрибутымен бірге қ олданылады.

WIDTH – кесте енін анық тайтын бү тін сан, оның мә ні пиксельмен немесе пайызбен (%) беріледі.

Кесте тақ ырыбы < CAPTION> тә гімен тө мендегі ережеге сә йкес беріледі:

< CAPTION ALIGN=" top" >...... < /CAPTION>

Мұ ндағ ы атрибуттардың атқ аратын қ ызметі мынадай болады.

ALIGN атрибуты кесте тақ ырыбын шет жақ тарғ а туралау кезінде оның мә ні LEFT, CENTER (кө рсе­тілмесе, келісім бойынша осы мә н қ абылданады), RIGHT сө здерінің біріне сә йкес келуі тиіс. Ал егер ол тақ ырыпты вертикаль бағ ытта кестенің жоғ арғ ы жә не тө менгі жақ тарына орналастыруы қ ажет болса, онда BOTTOM – жоғ арыда (келісім бойынша осы мә н қ абылда­нады), ТОР – тө менде сө здерінің бірін мә н ретінде қ абылдай алады.

Кесте жолы < TR> жә не < /TR> тә гтерімен қ оршалып тұ рады, бұ лардың алғ ашқ ысының мынадай бірсыпыра атрибуттары болуы мү мкін:

< TR ALIGN=" center" BGCOLOR=" #rrggbb" BORDERCOLOR=" #rrggbb" > Кесте жолы… < /TR>

Енді < TR> тә гінің осы атрибуттарына тоқ талайық.

ALIGN — жол шеттерін туралау. Оның мү мкін мә ндері LEFT (келісім бойынша), CENTER, RIGHT.

BGCOLOR жолдың ішкі фон тү сін анық тайды (он алтылық RGB форматындағ ы сан немесе ағ ылшын тіліндегі белгіленген тү с атауы).

BORDERCOLOR — жол жақ тауларының тү сі (он алтылық RGB форматындағ ы сан немесе ағ ылшын тіліндегі белгіленген тү с атауы). Бұ л атрибут < TABLE> тә гінің BORDER атрибутының мә ні нө лге тең болмағ анда ғ ана қ олданылады.

ROWSPAN — бірнеше жолдарды біріктіріп, бір-ақ жол етіп жазу кезінде берілетін біріктірілетін жолдар саны.

Кесте жолындағ ы бағ аналар (ұ ялар) < TD>... < /TD> жә не < ТН>... < /ТН> тә гтерімен тө мендегі ережеге сә йкес анық талады:

< TD немесе ТН ALIGN=" right" BACKGROUND=" url" [BGCOLOR=" #rrggbb" BORDERCOLOR=" #rrggbb" ] >

Бағ ана… < /TD немесе /TН>

< TD> жә не < ТН> тә гтерінің атрибуттары қ ызметтері:

ALIGN — мә тінді горизонталь бағ ытта туралау атрибуты. Оның мү мкін мә ндері: LEFT, CENTER (келісім бойынша), RIGHT.

BGCOLOR – фон тү сін анық тау атрибуты (он алтылық RGB форматындағ ы сан немесе ағ ылшын тіліндегі белгіленген тү с атауы).

BORDERCOLOR – ұ я жақ тауларының тү сі атрибуты (он алты­лық RGB форматындағ ы сан немесе ағ ылшын тіліндегі тү с атауы). Бұ л атрибут < TABLE> тә гінің BORDER атрибутының мә ні нө лге тең бол­ма­ғ анда ғ ана қ олданылады.

COLSPAN — бағ аналар тақ ырыбына арналғ ан біріктірілген жол (ұ я) ішінде орналасатын бағ аналар саны.

Бір студенттер тобы жайлы кесте қ ұ рып, мысал келтірейік.

< html> < body text=blue> < table border=10 bordercolor=green

width=100% align=center bgcolor=”yellow”>

< caption align=bottom> < H2> Студенттер жайлы мә ліметтер < /H2>

< /caption>

< tr> < th colspan=4> ГНГ-03-1К тобы студенттерінің тізімі < /th> < /tr>

< tr> < th> & nbsp; < /th> < th> Аты-жө ні < /th> < th> Адресі < /th>

< th> Телефоны < /th> < /tr>

< tr> < th rowspan=3> Ұ лдар < /th> < td> Қ алауов Ғ азиз< /td> < td>

Сә тпаев кө шесі, 10-ү й 6 пә тер < /td> < td> 47-60-57 < /td> < /tr>

< tr> < td> Мұ қ анов Қ уаныш< /td> < td> Абай даң ғ ылы, 15-ү й 25-пә тер< /td>

< td> 36-99-61 < /td> < /tr>

< tr> < td> Тө реғ алиев Данияр< /td> < td> Т.Ө зал кө шесі, 101-ү й 6-пә тер< /td>

< td> 77-77-77 < /td> < /tr>

< tr> < th rowspan=3> Қ ыздар< /th>

< td> Жапсарбаева Сандуғ аш< /td> < td> Т.Ө зал кө шесі, 101-ү й 25-пә тер

< /td> < td> 75-45-25 < /td> < /tr>

< tr> < td> Мә медова Ділфуза< /td> < td> Т.Ө зал кө шесі, 101-ү й 21-пә тер

< /td> < td> 40-45-25 < /td> < /tr>

< tr> < td> Тө лебаева Жаң ыл< /td> < td> Т.Ө зал кө шесі, 101-ү й 20-пә тер

< /td> < td> 40-45-25 < /td> < /tr>

< /table>

< /body>

< /html>

3 сурет

Енді тапсырмалар қ арастырамыз.

Тапсырмалар:

1. Тө мендегі мысалды теріп, нә тижесін қ арап шығ ың ыздар да, оғ ан бірсыпыра ө згерістер енгізің іздер:

< TABLE ALIGN=CENTER BORDER=3 WIDTH=" 80%"

BGCOLOR=YELLOW BORDERCOLOR=BLUE>

< CAPTION> < H2> Кесте тақ ырыбы < /H2> < /CAPTION>

< TR> < TD> кестенің бірінші торы < /TD>

< TD> кестенің екінші торы < /TD> < /TR>

< TR> < TD> кестенің бірінші торы < /TD>

< TD> кестенің екінші торы < /TD> < /TR>

< /TABLE>

а) 1-жолдың фонын ақ шыл (< TR BGCOLOR=SILVER>), сұ р тү ске тү рлендірің іздер.

б) жақ таулар (бордюрді) қ алың дығ ын, ұ ялардағ ы мә тінді ө згертің іздер, т.с.с.

2) Келесі мысалды теріп, нә тижесін қ арап шығ ың ыздар да, оғ ан бірсыпыра ө згерістер енгізің іздер:

< TABLE ALIGN=" RIGHT" BORDER=" 3" BORDERCOLOR=" Blue"

WIDTH=" 80%" >

< CAPTION ALIGN=" RIGHT" >

Тақ ырып кестенің оң жақ жоғ арғ ы бұ рышына шығ ады

< /CAPTION>

< TR> < TH COLSPAN=" 3" > Бағ ана тақ ырыбы < /TН> < /TR>

< TR ALIGN=" RIGHT" BGCOLOR=" yellow" >

< TH> 1 бағ ана < /TH> < TH> 2 бағ ана < /TH> < TH> 3 бағ ана < /TН>

< /TR>

< TR> < TD> 1 бағ ана мә ліметтері < /TD>

< TD> 2 бағ ана мә ліметтері < /TD>

< TD> 3 бағ ана мә ліметтері < /TD>

< /TR>

< /TABLE>

а) Кестенің екі жолына да тағ ы бір бағ ана қ осың ыздар;

ә) Тағ ы екі жол қ осың ыздар;

б) Тордағ ы мә тін сө здерін, кесте жолының фонын, жеке ұ ялардың да ішкі фонын ө згертің іздер;

в) Тақ ырып тү сін ө згертің іздер, т.с.с.

г) Кесте алдында, тақ ырыптан соң жә не кесте соң ында тү рлі тү сті кө лденең сызық тар жү ргізің іздер.