Кестелермен жұмыс

жүктеу 321,91 Kb. Дата 11.01.2022 өлшемі 321,91 Kb. #32227 түрі Құрамы

Кестелермен жұмыс


Кестелермен жұмыс

Кесте жолдар мен бағандардан тұрады, олардың қиылысында ұяшықтар болады.

Кестенің өз құрылымы мен негізгі тэгтері болады:

, оның құрамында

< tr> - кесте қатарын немесе жолдарын жасайды, ал олардың ішінде

tr>

Ұяшықтар-тақырыптар

Б раузерде бұл кесте келесідей түрге ие

Көрінгендей, əдетті мəтін

Браузерде бұл кесте келесідей түрге ие:

Cеllpаdding жəне cеllspаcing атрибуттарының мəндерін нөлдеу:

Кестенің ені мен биіктігінің мəндерімен жұмыс Кесте ені мен биіктігін көрсететін width жəне heightатрибуттары да бар. Бұл мəндер жоқ болса, ұяшық мазмұнымен реттеледі, яғни мəтін көп болса, ұяшықтың өлшемі көп болады. Атрибуттардың мəндері пикселдермен де, пайызбен де берілуі мүмкін. Пайыздық қатынастағы мəндер былай беріледі:

height= «40%» - бұл жағдайда кесте басты 40% биіктігін алады.

мысал:

Кесте ұяшықтарын топтастыру Ұяшықтарды көлденең жəне тігінен біріктіруге болады. Collspаn атрибуты бағандарды біріктіру үшін қызмет етеді, бірақ бұл атрибут ұяшықты көлденең кеңейтеді, бірақ біріктірмейді. Мысалы, cоlspаn= «3» ұяшықтың өлшемін үш, ал cоlspаn=« 4 « - төрт ретінде кеңейтеді.

Жолдарды біріктіру Rosspаn ұяшықтарды тігінен кеңейтуді қоспағанда, мұндай cosspаn атрибутына балама rоwspаn атрибуты бар, олардың жұмыс істеу қағидаты бірдей. Келесі мысалда Cеll 1 біріктіріп, екіге тең мəнді қойып, кесте бүтіндігін жойылады.

Celll1с ұяшығын қатардың бүтіндігін сақтау

Алдыңғы мысалдан кестенің бұзылуымен байланысты мəселені түзету үшін екінші қатардан бір ұяшықты жою қажет, бұл жағдайда бұл 5 нөмірі бар ұяшық.

Бақылау сұрақтары

1. Кесте дегеніміз не ол қандай жолдан тұрады құрылымы мен тегтері?

2. HTML тілінде кесте қатарлары?

3. Ұяшықтар-тақырыптар дегеніміз не?

4. Кестенің ені мен биіктігінің мəндерімен жұмысын көрсетеміз?

5. Жолдарды біріктіру дегеніміз не?

- ұяшықтар жасайды.	- келесі атрибуттары бар жұпта жұмыс істейтін жұп тег: Nowrap ұяшықтың мазмұнын бір жолда орналастыру үшін қолданылады Colspan - ұяшықтарды көлденең біріктіру үшін қызмет етеді. Colspan =3 үлгісі 3 ұяшықты біріктіру қажет дегенді білдіреді. Rowspan - тік ұяшықтарды біріктіру Align - мəтінді көлденең туралау Valign - мəтінді тігінен туралау Width -пикселдегі ұяшықтың енін анықтайды Height - пикселдегі ұяшықтың биіктігінің мəнін көрсетеді HTML тілінде кесте қатарлармен жасалады (бірінші, екінші), бағандарды жасайтын тэг жоқ. Tег кестенің шегі сызығының қалыңдығын анықтайтын bordеr атрибуты бар.
Жол 1	Жол 2	Жол 3
Жол 4	Жол 5	Жол 6
тегімен жасалады, олар сондай-ақ ұяшықтарды	тегімен жасайды, бірақ	тақырып болып табылады Келесі мысалда кесте ұяшықтарын жасау үшін екі тэг арасындағы айырмашылықты көрсетеді.
Тегі	Аты	Əкесінің аты
Ахметов	Аскар	Маратович
ортасында орналасқан жəне қалып қаріпте. Cеllpаdding жəне cеllspаcing тэг tаblе атрибуттары Кестені жасаған кезде, əрбір ұяшықтың өз шекарасы бар жəне олардың арасында біраз қашықтық бар екенін көруге болады. Бұл қашықтық cellspacing атрибутымен реттеледі. Əдепкі қалпы бойынша, бұл атрибуттың нөлдік емес мəні бар, себебі ұяшықтар біріктірілмейді. Келесі мысал cellspacing төлсипатын пайдалануды жəне оның мəндерін 15 пиксельге өзгертуді көрсетеді. Əдепкі мəн дұрыс кестені жасауға кедергі келтірсе, celspacing нөлдік мəнін орнату қажет. HTML5 нұсқасындағы cеllspacing жəне cеllspаcing атрибуты ескірген деп саналады, алайда көптеген сайттар HTML-дің ерте нұсқаларында жасалған фактіні ұмытпау керек жəне əзірлеуші мұндай атрибуттармен қалай жұмыс істеу керектігін білу керек. Cеllpаdding атрибуты ұяшық шекарасы мен мəтін арасында шегініс жасайды, бірақ əдепкі бойынша бұл атрибуттың оған берілген мəні бар, егер оны елемеу қажет болса, онда бұл мəнді түзету қажет. Келесі мысалда атрибуттың жұмысы қарастырылады, онда оның мəні 15rx тең.
Тегі	Аты	Əкесінің аты
Ахметов	Аскар	Маратович
Тегі	Аты	Əкесінің аты
Ахметов	Аскар	Маратович

жүктеу 321,91 Kb.

Достарыңызбен бөлісу: