HTML де кесте құру слайд 10 сынып

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

1 слайд

#2 слайд
HTML ТІЛІНДЕ  КЕСТЕЛЕР  HTML тілінде  кестелер  <TABLE> тегімен  басталады </TABLE> аяқталу  тегімен жабылады. Кесте  ішіндегі мәтін,кесте элементтерін (атауы,жолдары мен ұяшықтары) анықтайтын арнайы тегтердің ішіне орналастырылады . <TABLE>тегтерінің арасында кестелердің атауларын анықтайтын <CAPTION>тақырып </CAPTION>тегтері қосарланып кездесуі мүмкін. Кестелердің атаулары тікелей кестелердің  үстінде  немесе  астында   ораласады .

2 слайд

#3 слайд
КЕСТЕЛЕРДІҢ ЖОЛДАРЫ  Кестелердің жолдарын анықтайтын  <TR>және </TR>тегтері кездеседі.  Жабатын тегтерді кездестіруге болады. Себебі кестенің әр жолы сол кестенің  келесі жолының басталуымен  немесе кестенің өзімен  бірге аяқталады

3 слайд

#4 слайд
КЕСТЕНІҢ ӘРБІР ЖОЛЫ ҰЯЛАРДАН ТҰРАДЫ Кестенің әрбір жолы ұялардан тұрады.Ұяларды немесе  бағандар  мен жолдардың  атауларына ие <TH>тегімен  немесе  кәдімгі  мәліметтерге ие <TD>тегімен  белгілейді.Бұл  тегтер  сонымен қатар  қосарланып  берілуі мүмкін. Бірақ бұл жерде де жабатын тегтерді көрсетпеуге де болады.Себебі жабатын тегтерді көрсетпеу  басқа түсініктер  бермейді.

4 слайд

#5 слайд
ТАБЛИЦА  ТАҚЫРЫБЫ  ТАБЛИЦАНЫҢ  ЖОҒАРҒЫ  НЕМЕСЕ  ТӨМЕНГІ  БӨЛІГІНДЕ  ОРНАЛАСА  АЛАДЫ.БҰЛ ӨЗГЕРІСТІ ЖАСАУ ҮШІН CAPTION  ТЕГІНІҢ   ALIGN  ПАРАМЕТІРІНІҢ  МӘНДЕРІ LEFT,CENTER,RIGHT,BOTTOM (ТАБЛИЦАНЫҢ  АЙНЫМАЛЫСЫНА) ӨЗГЕРІП ҚОЛДАНУҒА  БОЛАДЫ.  Мысал :  <BODY>  <TABLE  BORDER>  <CAPTION  ALIGN=RIGHT  VALIGN=BOTTOM>  Күнге жақын   планеталар </CAPTION>  TABLE- тегінің   BORDER- параметірі   таблица   шекараларының   өлшемін береді .   

5 слайд

#6 слайд
<TABLE   BORDER=15> TABLE ТЕГІНІҢ   CELLSPACING  ПАРАМЕТРІ   ҰЯШЫҚТАРДЫҢ   АРАСЫНДАҒЫ   ҚАШЫҚТЫҚ МӨЛШЕРІН   БЕРЕДІ . ОСЫ TABLE ТЕГІНІҢ   WIDTH, HEIGHT  ПАРАМЕТРІ   СӘЙКЕСІНШЕ    ТАБЛИЦАНЫҢ   БИІКТІГІ   МЕН   ЕНІН БЕРЕДІ . БҰЛ    ПАРАМЕТІРЛЕРДІҢ   МӘНІ   % - К    МӨЛШЕРДЕ    ЖАЗЫЛАДЫ . Мысал : <TABLE   BORDER=15> TABLE тегінің   CELLSPACING  параметрі   ұяшықтардың   арасындағы   қашықтық мөлшерін   береді . Осы TABLE тегінің   WIDTH, HEIGHT  параметрі   сәйкесінше    таблицаның   биіктігі   мен   енін береді . Бұл    параметірлердің   мәні   % - к    мөлшерде    жазылады . Мысал : 1. <HTML> <HEAD> <TITLE> Күнге   жақын   планеталар </TITLE></HEAD> <BODY> <TABLE  BORDER=3  CELLPADDING=7> <TR> <TD> Меркурий </TD> <TD>70  млн   км    </TD> </TR><TR> <TD> Венера</TD> <TD> 108 мле км</TD> </TR> </TABLE> </BODY> </HTML> Мысалы : 2. <HTML> <HEAD> <TITLE> Күнге   жақын   планеталар </TITLE></HEAD> <BODY> <TABLE  BORDER= 2  WIDTH =75%  HEIGHT=100> <TR> <TD> Меркурий </TD> <TD>70  млн   км    </TD> </TR><TR> <TD> Венера</TD> <TD> 108 млн км</TD> </TR> </TABLE> </BODY> </HTML>

6 слайд

#7 слайд
ТАБЛИЦА  ҰЯШЫҚТАРЫНЫҢ  ІШІНДЕГІ  МӘЛІМЕТТЕРДІ  ТЕГІСТЕУ  ЖҰМЫСТАРЫ- БҰЛ  ЯҒНИ, ОҢ ЖАҚҚА, СОЛҒА,ОРТАҒА  <TD> ТЕГІНІҢ ІШІНДЕ  ALIGN  ПАРАМЕТРІМЕН  ЖАСАЛАДЫ. МЫСАЛ:<TD  ALIGN=LEFT>МЕРКУРИЙ </TD>ВЕРТИКАЛ  БОЙЫНША   ТАБЛИЦА   ҰЯШЫҚТАРЫН  БІРІКТІРУ. Мысал : <HTML> <HEAD> <TITLE> Біріктіру   мысалы </TITLE></HEAD> <BODY> <TABLE  BORDER> <TR> <TD TOWSPAN=2> Меркурий </TD> <TD>70  млн   км    </TD> </TR><TR> <TD> Венера </TD> <TD> 108 мле км </TD> </TR><TR> <TD> Земля </TD> <TD>150 млн км </TD> </TABLE> </BODY> </HTML> Меркурий 70м Венера 108 Жер 150

7 слайд