#1 слайд
HTML тілінде кестеқұру Пән: Информатика

1 слайд

#2 слайд
Web-құжатының негiзгi бөлiктерiнiң бiрi - кесте. Ол тiктөртбұрыш бағаналар мен көлденең орналасқан жолдардан тұратын торлар жиыны түрiнде қарастырылады. Жол мен бағанның қиылысы ұяшық деп аталады. Бiр ұяшықта мәтiн, сурет немесе басқа бiр шағын кесте орналаса алады. Кесте келесi бөлiктерден тұрады: • кесте тақырыбы; • бағаналар тақырыптары; • ұяшықтар. Кесте жолдар тiзбегi бойынша бiртiндеп толтырылады (солдан оңға қарай жол соңына дейiн, сонан соң келесi жолға көшу). Әрбiр ұяшыққа мәлiметтер енгiзiледi.Ұяшықтың ішінде мәтінмен қатар, сурет, шағын кесте де болуы мүмкін.

2 слайд

#3 слайд
HTML тілінің кестелермен жұмыс істейтін тэгтерін қарастырайық. Оларға төмендегі тэгтер жатады: 1) HTML де кесте құру <table>, </table> - дескрипторларының көмегімен орындалады. Кесте ішіндегі мәлімет арнаулы тегтер көмегімен белгіленеді (тақырыбы, қатар және ұяшықтар саны). <CAPTION>, </CAPTION> – кестенің тақырыбын білдіретін тегтер кездесуі мүмкін; Тақырып тек қана мәтіннен тұрады. Тэгтің align атрибутының top мәні (үндеместен қолданылады) тақырыптың кесте басында, ал bottom мәні соңында болуын анықтайды. 2)<td>, </td> (table data) - қатардағы ұяшық мәндерін анықтайтын дескриптор; 3)<th>, </th> (table head) - кестедегі баған мен қатар тақырыптарын анықтайтын дескриптор; 4)<tr>, </tr> (table row) - кестенің қатар санын анықтайтын дескриптор (<td>-бірнеше ұяшықты) , (<th>-кестенің тақырыбын білдіреді).

3 слайд

#4 слайд
HTML-кестесінің стилін өзгертетін атрибуттар тізімі: Атрибутта р Үнсіздік бойынша Қолданылуы Мағынасы align leftКестенің барлық дескрипторларына қолданылады Ұяшық ішіндегі мәліметті көлденең туралау. Мүмкін мәндері: Left, right, center және char (арнаулы символ бойынша туралау) bdcolor   Кестенің барлық дескрипторларына қолданылады Кесте фонының түсін білдіреді border 0 <table> Пиксел бойынша кесте шекарасы cellpadding 0 <td>, <th> Ұяшықтағы мән мен шекара арасындағы ара қашықтық Cellspace 0 <td>, <th> Пиксел бойынша ұяшықтар ара қашықтығы colspan 1 <td>, <th> Бір бағанға біріктірілетін бағандар саны rowspan 1 <td>, <th> Бір қатарға біріктірілетін қатарлар саны rules none<table> Кесте ұяшықтары арасындағы сызықтар. Мүмкін мәндері: rows, cols және all valign center<tr>, <td>, <th> Ұяшық ішіндегі мәнді тік бағытта туралау. Мүмкін мәндері: top, bottom және baseline widthБет ені бойынша Кестенің барлық дескрипторларына қолданылады Анықталған ұяшықтар немесе кесте ені (бет еніне байланысты пикселмен немесе пайызбен беріледі)

4 слайд

#5 слайд
Тапсырма №1 Бұл тапсырма, мысал ретінде көрсетілген, 3 бағаннан 3 жолдан тұратын кесте құрастыру Жоғарыда көрсетілген тэгтардың көмегімен осы кесте жасалды. кесте құру <table>,</table> <tr>, </tr> (table row) - кестенің қатар саны <td>, </td> (table data) - қатардағы ұяшық мәндері border = “n” атрибуты кесте қоршауы мен жақтауларының енін пикселмен береді background=”red” атрибут ы  - барлық кестенің 1 қатарынын түсі

5 слайд

#6 слайд
Нәтижесі

6 слайд