HTML – құжатта кестелерді қолдану

Кестелер HTML-дің беттерді форматтаудың қуатты құралы болып табылады. HTML тілінде кестелерді форматтаудың құралдары пайда болғанға дейін ең қарапайым көп колонкалы текстті немесе құрама кестені құру мүмкін емес еді, мұндай мүмкіндік пайда болғаннан кейін Web-дизайнерлер оны толық көлемде қолданып, күрделі эффектілерді ала бастады.

Кесте

<TABLE параметлер>

<CAPTION> тақырып </CAPTION>

<TR параметрлер>

<TD параметрлер> … </TD>

…</TR>

</TABLE>

конструкциясының көмегімен құрылады. <TABLE> тегі кесте сипаттамасын бастайды және келесі параметрлерден тұруы мүмкін:

BORDER – кесте рамкасының қалыңдығын анықтайды. Егер 0 мәні көрсетілсе, рамка бейнеленбейді. Егер бұл параметр көрсетілмесе, оң мәні нөлдік деп есептелінеді (рамка бейнеленбейді).

WIDTH, HEIGHT – кесте өлшемдерін көрсетеді.

ALIGN – кестенің қалай тураланғандығын: оң жағында (RIGHT), сол жағында (LEFT) немесе ортасында (CENTER) анықтайды.

CELLSPACING – кестенің жеке ұяшықтары арасындағы нүктелер саны.

CELLPADDING – рамка мен ұяшық құрамы арасындағы нүктелер саны

<TR параметрлер> …</TR> тегінің көмегімен кесте жолдары бейнеленеді. Ол келесі парамтерлерден тұрады:

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

VALIGN – ұяшық ішіндегі мәліметтерді тік форматтау тәсілін беру үшін қолданылады: олар жоғарғы (TOP), төмен (BOTTOM), орталықтандырылған (MIDDLE) немесе жалпы базалық сызықтан (BASELINE) болуы мүмкін.

Нақты ұяшықтар <TD параметрлер>…</TD> тегінің көмегімен беріледі. Параметрлер келесідей болуы мүмкін:

WIDTH – ұяшық енін береді.

COLSPAN – кестенің неше бағанын ұяшық жауып тұратындығын анықтайды.

ROWSPAN – кестенің неше жолын ұяшық жауып тұратындығын анықтайды.

NOWRAP – егер бұл параметр көрсетілсе, ұяшық құрамы тасымалданбайды.

BGCOLOR – қазіргі броузерлер қабылдайтын параметр: ұяшық фонының түсін RGB-триплет немесе символдық атауы түрінде көрсетеді.

Кесте ұяшықтарын көркемдеу үшін қолданылатын тағы бір тег – <TH>…</TH> тегі – ұяшық тақырыптарын беру үшін қажет. Ол <TD> тегімен сәйкес келеді, бірақ оған қарағанда, мазмұны қарайтылған шрифтпен шығарылады және орталықтандырылады. Егер толық кестенің тақырыбын беру керек болса, <CAPTION параметрлер>¼</CAPTION> тегін қолданыңыз. Ол <TABLE> тегінің ішінде, бірақ ұяшықтарды сипаттаудан тыс орналасуы керек. Тег бір ғана параметрден тұрады:

ALIGN – тақырыптың орналасуын көрсетеді: ол кестенің жоғарғы (TOP) немесе төменгі (BOTTOM) жағында болуы мүмкін.

Мысал:

<TABLE BORDER=1 CELLSPACING=2 CELLPADDING=1 WIDTH=500>

<TR>

<TD COLSPAN=3 ALIGN=CENTER>A</TD>

</TR>

<TR>

<TD ROWSPAN=2 ALIGN=CENTER WIDTH="30%">B</TD>

<TD ROWSPAN=2 ALIGN=CENTER WIDTH="40%">C</TD>

<TD ALIGN=CENTER WIDTH="30%">D</TD>

</TR>

<TR>

<TD ALIGN=CENTER>E</TD>

</TR>

</TABLE>

Тапсырма

1.    Текстік редакторды жүктеңіз және мәліметтерді кестелік беруді HTML-құжат құрыңыз.

Парақ аты: Библия.

Парақ мазмұны: Үш: ағылшын, латын және фин тіліндегі Библия.

The beginning of Genesis in three languages

2.      Алынған құжатты lab7.htm атымен сақтаңыз.

3.      Берілген құжатты қарау үшін MS Internet Explorer броузерін жүктеңіз.