2

2.2 Кџрделі кестелер

Таќырыбы бар кестелер.

Тљмендегі мысалда сіз жоѓарыда орналасќан таќырып жолымен кестесі бар HTML ќђжаттыњ бастапќы мѕтіні берілген.

Тапсырма - 3. Таќырыбы бар кестелер

HTML\3.html

<HTML>

<HEAD>

<TITLE>Таќырыбы бар кестелер</TITLE>

</HEAD>

<BODY BGCOLOR="#FFFFFF">

<TABLE BORDER>

<TR>

<TH>Таќырып 1</TH>

<TD>000</TD><TD>001</TD><TD>002</TD>

</TR>

<TR>

<TH>Таќырып 2</TH>

<TD>010</TD><TD>011</TD><TD>012</TD>

</TR>

<TR>

<TH>Таќырып 3</TH>

<TD>100</TD><TD>101</TD><TD>102</TD>

</TR>

</TABLE>

</BODY>

</HTML>

Кесте ђяшыќтарын біріктіру

Бір баѓанада орналасќан кесте ђяшыќтарын біріктіру џшін COLSPAN параметрін ќолдануѓа болады. Сол сияќты бір жолда орналасќан кесте ђяшыќтарын біріктіру џшін ROWSPAN параметрі ќолданылады.

Тљмендегі мысалда келтірілген HTML ќђжатыныњ бастапќы мѕтіні кестеніњ екі баѓанасына ортаќ таќырып ќђру џшін ђяшыќтарды біріктіруді ќалай кљрсетуге болатынын кљруге болады.

Тапсырма - 4. Кесте ђяшыќтарын біріктіру

HTML\4.html

<HTML>

<HEAD>

<TITLE>Кесте ђяшыќтарын біріктіру</TITLE>

</HEAD>

<BODY BGCOLOR="#FFFFFF">

<TABLE BORDER>

<TR>

<TH>Ђяшыќ 1</TH>

<TH COLSPAN=2>Ђяшыќ 2 жѕне 3</TH>

</TR>

<TR><TD>000</TD><TD>001</TD><TD>002</TD></TR>

<TR><TD>010</TD><TD>011</TD><TD>012</TD></TR>

<TR><TD>100</TD><TD>101</TD><TD>102</TD></TR>

</TABLE>

</BODY>

</HTML>

Тљменде келтірілген HTML ќђжатыныњ бастапќы мѕтіні кестеніњ екі жолына ортаќ таќырып ќђру џшін ђяшыќтарды біріктіруді ќалай кљрсетуге болатынын кљруге болады.

Тапсырма - 5. Кесте ђяшыќтарын біріктіру

HTML\5.html

<HTML>

<HEAD>

<TITLE> Кесте ђяшыќтарын біріктіру </TITLE>

</HEAD>

<BODY BGCOLOR="#FFFFFF">

<TABLE BORDER>

<TR>

<TH ROWSPAN=2>Ђяшыќ 1 жѕне 2</TH>

<TD>000</TD><TD>001</TD><TD>002</TD>

</TR>

<TR>

<TD>010</TD><TD>011</TD><TD>012</TD>

</TR>

<TR>

<TH>Ђяшыќ 3</TH>

<TD>100</TD><TD>101</TD><TD>102</TD>

</TR>

</TABLE>

</BODY>

</HTML>

Кљпќабатты таќырыптар

Кестеніњ жолдары мен баѓаналарында бірнеше таќырыптары болу мџмкін. HTML ќђжатыныњ бастапќы мѕтінінде соѓан мысал келтірілген.

Тапсырма - 6. Кљпќабатты таќырыптар

HTML\6.html

<HTML>

<HEAD>

<TITLE>Кљпќабатты таќырыптар</TITLE>

</HEAD>

<BODY BGCOLOR="#FFFFFF">

<TABLE BORDER>

<TR>

<TH COLSPAN=3>негізгі ђяшыќ </TH>

</TR>

<TR>

<TH COLSPAN=2>Ђяшыќ 1 жѕне 2</TH>

<TH>Ђяшыќ 3</TH>

</TR>

<TR>

<TD>000</TD><TD>001</TD><TD>002</TD>

</TR>

<TR>

<TD>010</TD><TD>011</TD><TD>012</TD>

</TR>

<TR>

<TD>100</TD><TD>101</TD><TD>102</TD>

</TR>

</TABLE>

</BODY>

</HTML>

Ќолтањбасы бар кестелер

Кестеде ќолтањба болу џшін <CAPTION> операторын ќолдану керек. Тљмендегі мысалда HTML ќђжатыныњ бастапќы мѕтін ќолтањбасы бар кестесін келтірілген.Ќолтањбаны бейнелеу џшін мђнда Microsoft Internet Explorer навигаторыныњ <CAPTION> операторыныњ VALIGN параметрініњ кењейтуін ќолданылды.

Тапсырма - 7. Ќолтањбасы бар кестелер

HTML\7.html

<HTML>

<HEAD>

<TITLE>Ќолтањбасы бар кестелер </TITLE>

</HEAD>

<BODY BGCOLOR=#FFFFFF>

<TABLE BORDER WIDTH=100%>

<CAPTION VALIGN=TOP ALIGN=RIGHT>Кесте 1.1. Ќолтањбасы бар кесте </CAPTION>

<TR>

<TH COLSPAN=3>Негізгі таќырып</TH>

</TR>

<TR>

<TH COLSPAN=2>Ђяшыќ 1 жѕне 2</TH>

<TH>Ђяшыќ 3</TH>

</TR>

<TR>

<TD>000</TD><TD>001</TD><TD>002</TD>

</TR>

<TR>

<TD>010</TD><TD>011</TD><TD>012</TD>

</TR>

<TR>

<TD>100</TD><TD>101</TD><TD>102</TD>

</TR>

</TABLE>

</BODY>

<HTML>

Тљменде келтірілген ќолтањба кестеніњ астында орналасќан HTML ќђжатыныњ бастапќы мѕтіні кљрсетілген. Ол џшін Netscape Navigator навигаторымен жѕне Microsoft Internet Explorer навигаторымен де џлескен тѕсілді ќолдандыќ.

Тапсырма - 8. Ќолтањбасы бар кестелер

HTML\8.html

<HTML>

<HEAD>

<TITLE>Ќолтањбасы бар кестелер</TITLE>

</HEAD>

<BODY BGCOLOR=#FFFFFF>

<TABLE BORDER WIDTH=100%>

<CAPTION ALIGN=BOTTOM>Кесте. 1.2. Ќолтањбасы бар кесте</CAPTION>

<TR>

<TH COLSPAN=3 >Негізгі таќырып</TH>

</TR>

<TR>

<TH COLSPAN=2>Ђяшыќ 1 жѕне 2</TH>

<TH>Ђяшыќ 3</TH>

</TR>

<TR>

<TD>000</TD><TD>001</TD><TD>002</TD>

</TR>

<TR>

<TD>010</TD><TD>011</TD><TD>012</TD>

</TR>

<TR>

<TD>100</TD><TD>101</TD><TD>102</TD>

</TR>

</TABLE>

</BODY>

<HTML>

Кесте ђяшыќтарындаѓы мѕтінді туралау

ALIGN жѕне VALIGN параметрлері кљмегімен кестелер ђяшыќтарында орналасќан мѕтінді туралауѓа болады. Тљменде кљрсетілген кестеден сол жѕне џстінде орналасќан кљпќабатты таќырыптары бар кџрделі кестесі HTML ќђжатыныњ бастапќы мѕтінінде келтірілген.

Тапсырма - 9. Кесте ђяшыќтарындаѓы мѕтінді туралау

HTML\9.html

<HTML>

<HEAD>

<TITLE> Кесте ђяшыќтарындаѓы мѕтінді туралау </TITLE>

</HEAD>

<BODY BGCOLOR= #FFFFFF>

<TABLE BORDER>

<TR>

<TD>

<TH ROWSPAN=2></TH>

<TH COLSPAN=3>Пѕндер тізімі</TH>

</TD>

</TR>

<TR>

<TD>

<TH>Аќпарат ќауіпсіздігі</TH>

<TH>Ыќтималдыќ теориясы</TH>

<TH>Интернет технологиясы </TH>

</TD>

</TR>

<TR>

<TH ROWSPAN=2>Студент</TH>

<TH>Туралау тџрлері</TH>

<TD>Сол жаќ шетке туралау</TD>

<TD ALIGN=CENTER>Ортаѓа туралау</TD>

<TD ALIGN=RIGHT>Оњ жаќ шетке туралау</TD>

</TR>

<TR>

<TH>Аќылбекова М.З. </TH>

<TD VALIGN=TOP>Бес</TD>

<TD ALIGN=CENTER>Тљрт</TD>

<TD VALIGN=BOTTOM ALIGN=RIGHT>Џш</TD>

</TR>

</TABLE>

</BODY>

</HTML>

Кестелер ішіндегі кестелер

Кестелер љздерініњ ђяшыќтарында HTML ќђжатында келтірілген кљптэген обьектілер болу мџмкін. Сонымен бірге кесте ђяшыќтарыныњ ішіне басќа кестелер орнатуѓа болады.

Тапсырма10. Кестелер ішіндегі кестелер

HTML\10.html

<HTML>

<HEAD>

<TITLE>Кесте ішіндегі кесте </TITLE>

</HEAD>

<BODY BGCOLOR=#FFFFFF>

<TABLE BORDER>

<TR>

<TD>

<TABLE BORDER>

<TR>

<TD>01</TD>

<TD>02</TD>

</TR>

<TR>

<TD>11</TD>

<TD>12</TD>

</TR>

</TABLE>

</TR>

<TD>001</TD>

<TD>002</TD>

</TR>

<TR>

<TD>100</TD>

<TD>101</TD>

<TD>102</TD>

</TR>

<TR>

<TD>200</TD>

<TD>201</TD>

<TD>202</TD>

</TR>

</TABLE>

</BODY>

</HTML>