Кестелерді колдану

1. ОҢТҮСТІК ҚАЗАҚСТАН МЕМЛЕКЕТТІК ПЕДАГОГИКАЛЫҚ УНИВЕРСИТЕТІ

2.

Кесте – мәліметтердің үлкен көлемін ұсынудың
ең ыңғайлы әдістерінің бірі. Кестелердің HTML
құжаттарға енгізілуі кестелік берілгендерді
экранға шығару мақсатында пайда болды. Онда
мәтіндік берілгендермен қатар графикалық
берілгендерді де орналастыруға болады.

3.

HTML құжатына кестелер <TABLE> және
</TABLE> қосарланған тәгтерi арқылы
орналастырылады. Көбiнесе жабылу тәгiн жазбай
ұмытып кетедi, осы қатенiң нәтижесiнде алдын ала
көру программасы кестенi шығармайды.

4.

<TABLE> тәгiнiң параметрлерi:
BORDER – шекараның немесе сызықтың енi;
WIDTH – кестенiң енi;
BGCOLOR – кесте түсiнiң фоны.
Тәгтердiң арасында келесi элементтер орналасуы
мүмкiн.

5.

1. </CAPTION> - кесте атауы. Кесте атауының орналасатын
орнын анықтайтын CAPTION тәгiнiң бiр ғана ALIGN
параметрi бар. Ол екi мәндi қабылдай алады:
ALIGN = top – кестенiң жоғарғы жағында;
ALIGN = bottom – кестенiң төменгi жағында.
2. <TR>Кесте қатары</TR>. Бұл тәгтiң үш параметрi бар:
ALIGN – қатардың iшiнен туралау, оның мәндерi LEFT (сол
жағынан), RIGHT (оң жағынан), CENTER (ортасынан);
VALIGN – кесте қатарының iшiн тiгiнен туралау, оның
мәндерi TOP (жоғарыдан), BOTTOM (төменнен),
MIDDLE (ортасынан);
BGCOLOR – қатардың iшiндегi түстiң фоны.

6.

3. <TD>Кесте бағаны</TD>. Кесте бағанының тәгi
келесi параметрлердi қабылдайды:
ALIGN – бағанның iшiнен туралау, оның мәндерi LEFT,
RIGHT, CENTER;
VALIGN – кесте бағанының iшiн тiгiнен туралау, оның
мәндерi TOP, BOTTOM, MIDDLE;
COLSPAN, ROWSPAN – ұяшықтарды бiрнеше қатарға,
бағанға созу;
BGCOLOR – бағанның iшiндегi түстiң фоны.

7.

Қатарға немесе бағанға атау беру үшiн
<TH>Тақырыбы</TH> қосарланған тәгiн
пайдалануға болады. Ол келесi параметрлi
атрибуттарды қабылдауы мүмкiн:
ALIGN –туралау;
VALIGN – тiгiнен туралау;
COLSPAN, ROWSPAN – ұяшықтарды бiрнеше қатарға,
бағанға созу;
WIDTH – атаудың енi;
BGCOLOR – атаудағы түстiң фоны.

8.

COLSPAN атрибуты броузерге кестенiң ұяшықтарын
бiрнеше бағандарға жылжыту командасын бередi.
Мысалы, екi бағанның ұяшықтарын бiрiктiргiңiз
келсе, онда COLSPAN=2 деп жазу керек.
ROWSPAN=2 параметрi кестенiң ұяшығын екi
қатарға созады.

9. Кестелер жасау мысалы

10.

11.

https://www.youtube.com/watch?v=w3q4cIXD9s8
http://asuasu.kz/sait-betteu-kesteleu