Лекция 6. HTML-құжатта кестелерден пайдалану

• 
  HTML-құжатта кестелерден пайдалану
  
• 
  Кестеде ұяшықтар қатарын анықтау.
  
• 
  Кестенің ағымдағы қатарында ұяшық құру.
  
• 
  Ұяшықтың фон түсін, шрифтін, өлшемін өзгерту.
  

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

• 
  
  
  
  
  (table row)
  
  
  
  , тэгімен жабылады. Тэгтің align атрибутының top мәні (үндеместен қолданылады) тақырыптың кесте басында, ал bottom мәні соңында болуын анықтайды.
  Кестеде ұяшықтар қатарын анықтау. тэгі кестенің ұяшықтар қатарын анықтайды. Тэг тэгімен жабылады. Ұяшықтар тэгімен жабылады. Тэг төмендегі атрибуттарға ие:
  
  • 
    align – атрибуты ұяшық мәтінін браузер терезесіне туралайды. Егер атрибут жазылмаса, онда
  тэгінің align атрибутының мәні үндеместен алынады. Қабылдайтын мәндері:
  
  left – сол жақ шетке;
  right – оң жақ шетке;
  center – ортаға;
  
  • 
    valign – атрибуты ұяшық мәтінін браузер терезесінде тігінен туралайды. Егер атрибут жазылмаса, онда
  тэгінің valign атрибутының мәні үндеместен алынады. Қабылдайтын мәндері:
  
  • 
    top – төменнен;
    
  • 
    bottom – жоғарыдан;
    
  • 
    middle – ортадан (үндеместен қолданылады);
    
  • 
    width – атрибуты ұяшықтың енін анықтайды. Ұяшықтың ені пиксельде немесе кесте еніне сәйкес пайызда беріледі;
    
  • 
    height – атрибуты ұяшық биіктігін анықтайды. Ұяшықтың биіктігі пиксельде немесе кесте биіктігіне сәйкес пайызда беріледі;
    
  • 
    colspan – атрибуты кесте ұяшығы қанша бағанды біріктіретінін анықтайды. Егер жазылмаса атрибуттың мәні үндеместен бірге тең;
    
  • 
    rowspan – атрибуты кесте ұяшығы қанша қатарды біріктіретінін анықтайды. Егер жазылмаса атрибуттың мәні үндеместен бірге тең;
    
  • 
    nowrap – атрибуты ағымдағы ұяшықта мәтінді тасымалдауға тиім салады;
    
  • 
    bgcolor – атрибуты кесте ұяшығының фон түсін анықтайды;
    
  • 
    background – атрибуты ұяшықтың фоны ретінде суретті алады. Атрибуттың мәні ретінде суреттің URL-адресі беріледі.
    
  
  

  ,

  тэгі кестенің тақырыбын анықтайды. Тақырып тек қана мәтіннен тұрады. Тэг

  (table data)	(table head) тэгі Web-құжатқа кесте құру үшін қажет. Тэг тэгімен жабылады. Кестенің ұяшықтары
  және	тэгтерімен құрылады. Мысалы: Лекция 2. Ақпарат және оның қасиеттері 2.1. Ақпараттың өлшем бірліктері 2.2. Ақпараттың қасиеттері 2.3. Ақпараттың иерархиялық, фасеттік және дескрипторлық жіктеу жүйелері Браузер терезесінде келесі кесте пайда болады:
  және	тэгтерімен құрылады. Тэг төмендегі атрибуттарға ие: align – атрибуты ұяшық мәтінін left –сол жақ шетке, right –оң жақ шетке және center –ортаға туралайды. Үндеместен left мәні қолданылады; valign – атрибуты ұяшық мәтінін браузер терезесінде тігінен туралайды. Қабылдайтын мәндері: top – төменнен; bottom – жоғарыдан; middle – ортадан (үндеместен қолданылады); bgcolor – атрибуты кесте ұяшығының фон түсін анықтайды. Кестенің ағымдағы қатарында ұяшық құру.	тэгі кестенің ағымдағы қатарында ұяшық құрады. Тэг
  тэгі	тэгі сияқты кестенің ағымдағы қатарында ұяшық құрады, тек ұяшық мәтінін тақырып деп анықтайды. Мұндай анықтама браузерге тақырып пен мәтінді бөлектеу мүмкіндігін береді. Тэгтің атрибуттары	тэгінің атрибуттарына ұқсас. Тэг тэгімен жабылады. Ұяшықтың фон түсін, шрифтін, өлшемін өзгерту. Кесте құруға мысалдар қарастырайық. Қарапайым кесте құрамыз: ="1"> > <tr> 1 2 3 4 5 6 Браузер терезесінде келесі кесте пайда болады: Кестеге жалпы фон түсін, ал кейбір ұяшықтарға басқа фон түсін беруге болады. Кейбір ұяшықтардың мәтінін пішімдейік. ="1" > > <tr> bgcolor="#ff0000"> 4 bgcolor="#0000ff"> 6 "center"> 1 "center"> 2 "center"> 3 bgcolor="#ffffff"> 5 Браузер терезесінде келесі кесте пайда болады: Кесте ұяшықтарын бір-біріне қосуға болады. Кейбір ұяшық мәтіндерінің түсін өзгертіп көрейік. 1+2 3+6 4 5 Браузер терезесінде келесі кесте пайда болады: Пайдаланған әдебиеттер Комягин В.Б., Печников В.Н. Создание Web-страниц и Web-сайтов. Учебное пособие. –М.: Триумф, 2003. –496 с.:ил. Балапанов Е.Қ., Бөрібаев Б., Дүзбаева Р.М., Мамырбек Ғ.Б. Интернетке кіріспе: Бүкілдүниежүзілік өрмек: Әдістемелік құрал. –Алматы: ЖТИ, 2004. –28 б. Ибрагимов У.М., Абдиева З.А. HTML & CSS. Электронный учебник / Свидетельство о гос. регистрации объекта интеллект. собст. №288 от 14.04.2009 Ибрагимов О.М. Web-бағдарламалауға кіріспе. Оқу құралы. –Шымкент: ОҚМУ, 2012. –128 бет.

  
  
  жүктеу/скачать 497 Kb.
  
  Достарыңызбен бөлісу: