Кестелер тұрғызу

Жұмыс түрі: Реферат
Тегін: Антиплагиат
Көлемі: 11 бет
Таңдаулыға:

ЕСЕП БЕРУ Тақырыбы: Кестелер тұрғызу

Алматы 2020
МАЗМҰНЫ

1. КІРІСПЕ 3
1.1. Кесте туралы мәліметтер 4
1.2. Кестелерді рәсімдеу 4
1.3. HTML кестелерін қай кезде қолданудың қажеті жоқ? 4
2. КЕСТЕЛЕР ТҰРҒЫЗУ 5
3. TH ЭЛЕМЕНТТЕРІ АРҚЫЛЫ ТАҚЫРЫПТАРДЫ ҚОСУ 9
3.1 Тақырыптар не үшін қажет? 10
4. БАҒАНДАРДЫ СӘНДЕУ 10
5. ҚОРЫТЫНДЫ 11
6. ПАЙДАЛАНЫЛҒАН ӘДЕБИЕТТЕР 12

КІРІСПЕ
Web - құжаттармен жұмыс істеу барысында реттелген ақпаратты жиі пайдаланамыз. Осындай реттелген, ықшам ақпаратты сақтаудың ең қолайлы тәсілі кестелер болып табылады. Кестедегі қатар мен баған қиылысқан орынды ұяшық деп атаймыз. 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. Боя ұяшық жасау үшiн бос орын таңбалары енгiзiлуi тиiс.

Кесте туралы мәліметтер
Кесте-бұл жолдар мен бағандардан (кесте деректері) тұратын құрылымдалған мәліметтер жиынтығы. Кестелер әр түрлі мәліметтер типтері арасындағы байланысты көрсететін мәндерді тез және оңай көруге мүмкіндік береді, мысалы - адам және оның жасы немесе бассейндегі кесте.

Кестелерді рәсімдеу
Жоғарыдағы кестенің HTML бастапқы коды (HTML бастапқы коды) GitHub-та; оны және тірі мысалды қараңыз (live example-ге қараңыз)! Онда кесте басқаша көрінетінін байқайсыз-бұл MDN веб-сайтында стильдер кестесі осы мәліметтерге қолданылған, ал GitHub-те келтірілген стиль туралы ақпарат жоқ.
Жалған иллюзияларды тамақтандырмаңыз - кестелерді вебте тиімді түрде көрсету үшін оларға HTML-де жақсы құрылым беріп, оларға стиль кестелерін (CSS) қолдану керек. Бұл бөлімде біз CSS туралы білу үшін HTML-ге назар аударамыз, сіз кестені сәндеу мақаласына жүгінуіңіз керек.
Бұл бөлімде біз CSS-ке назар аудармаймыз, бірақ кестелерді оқуға ыңғайлы ету үшін қарапайым CSS стиль кестесін бердік. Бұл стиль кестесін мына жерден табуға болады, сонымен қатар осы стиль тұрақтандырғышын қолданатын HTML шаблонын қолдануға болады -- бірге олар сізге HTML кестелерімен тәжірибе жасау үшін жақсы негіз береді.
HTML кестелерін қай кезде қолданудың қажеті жоқ?
HTML кестелерін кестелік деректер үшін пайдалану керек -- бұл оларға арналған. Өкінішке орай, көптеген адамдар HTML кестелерін веб-беттерді жобалау үшін пайдаланады, мысалы, тақырып үшін бір жол, біреуі мазмұн үшін, біреуі сілтемелер үшін және т.б. Бұл туралы толығырақ қол жетімділіктің бастапқы модуліндегі орналасу бөлімінен білуге болады. Бұл әр түрлі шолғыштарда CSS-тің нашар қолдауынан болды; қазіргі уақытта бұл әлдеқайда аз кездеседі, бірақ кейде әлі де кездеседі.
Қысқаша айтқанда, CSS әдістерінің орнына кестелерді безендіру үшін пайдалану келесі себептерге байланысты жаман идея болып табылады:

1. Безендіру үшін пайдаланылатын кестелер көру проблемалары бар адамдар үшін парақтардың қол жетімділігін азайтады: олар қолданатын скриншоттар (Screenreaders) HTML тегтерін түсіндіреді және қолданушыға мазмұнды оқиды. Кестелер кесте құрылымын ұсынудың құралы болмағандықтан және белгілеу CSS әдістерін қолданғаннан гөрі қиын болғандықтан, скриншоттар пайдаланушыларды адастырады.
2. Кестелер тегтердің шатасуын тудырады: жоғарыда айтылғандай, кестелер арқылы беттерді безендіру бұл үшін арнайы жасалған әдістерге қарағанда күрделі белгілеу құрылымын береді. Тиісінше, мұндай кодты жазу, сақтау және күйін келтіру қиынырақ.
3. Кестелер құрылғы түріне автоматты түрде жауап бермейді: тиісті контейнерлердің (мысалы, header, section, article немесе div) әдепкі ені олардың ата-аналық элементінің 100% құрайды. Кестелер үшін әдепкі Өлшем олардың мазмұнына бейімделеді, сондықтан олар әр түрлі құрылғыларда бірдей жақсы жұмыс істеуі үшін қосымша шаралар қабылдау қажет.
КЕСТЕЛЕР ТҰРҒЫЗУ
Кесте тұрғызу TABLE және TABLE тәгтері көмегімен орындалады, оның әрбір жолын анықтау - TR және TR тәгтері арқылы, ал сол жолдардағы бағаналар - TD және TD немесе ТН және ТН тәгтері арқылы анықталады. TD және ТН тәгтерінің жұмысы ұқсас, бірақ ТН тәгтерімен қоршалған мәтін қарайтылған бағана тақырыптары болып табылады да, TD тәгтерімен одан кейінгі қарапайым бағаналар жазылады.
Кесте тақырыбы CAPTION және CAPTION тәгтерімен қоршалып жазылады. Жалпы кестені толық анықтау ережесі төмендегі үлгімен беріледі:
TABLE ALIGN="center" BGCOLOR="#rrggbb" BORDER="integer"
BORDERCOLOR="#rrggbb" WIDTH="integer" ... ..
TABLE
Бірақ кесте тұрғызу кезінде олардың кейбірі қолданылмауы да мүмкін. Енді осы кесте тәгі атрибуттарының атқаратын жұмысына тоқталайық:
ALIGN атрибуты кестенің шет жақтарға туралануын анықтайды (көрсе - тілмесе, келісім бойынша сол жақ шетке). ALIGN мәні - қостырнақша ішіндегі сөз - мына сөздердің біріне сәйкес келуі тиіс: LEFT (сол жақ шетке), CENTER (ортаға), RIGHT (оң жақ шетке).
BGCOLOR кесте торының ішкі фон түсін тағайындайды (он алтылық RGB форматындағы сан немесе ағылшын тіліндегі белгілен - ген түс атауы).
BORDER -- бүтін сан, кесте жақтаулары сызығының пиксельмен берілген қалыңдығы. Егер BORDER берілмесе, жақтау сызықтары көрсетілмейді.
BORDERCOLOR жақтау сызықтарының түсін тағайындайды (он алтылық RGB форматындағы сан немесе ағылшын тіліндегі белгілен - ген түс атауы), BORDER атрибутымен бірге қолданылады.
WIDTH - кесте енін анықтайтын бүтін сан, оның мәні пиксельмен немесе пайызбен (%) беріледі.
Кесте тақырыбы CAPTION тәгімен төмендегі ережеге сәйкес беріледі:
CAPTION ALIGN="top" ... .. CAPTION
Мұндағы атрибуттардың атқаратын қызметі мынадай болады.
ALIGN атрибуты кесте тақырыбын шет жақтарға туралау кезінде оның мәні LEFT, CENTER (көрсе - тілмесе, келісім бойынша осы мән қабылданады), RIGHT сөздерінің біріне сәйкес келуі тиіс. Ал егер ол тақырыпты вертикаль бағытта кестенің жоғарғы және төменгі жақтарына орналастыруы қажет болса, онда ... жалғасы

Сіз бұл жұмысты біздің қосымшамыз арқылы толығымен тегін көре аласыз.