This content was uploaded by our users and we assume good faith they have the permission to share this book. If you own the copyright to this book and it is wrongfully on our website, we offer a simple DMCA procedure to remove your content from our site. Start by pressing the button below!
М е т одич е с кие ука за ния к курс у “Язы к HTML” 3. Та блицы для с т уде нт ов1 курс а вс е х ф орм обуч е ния
С ос т а вит е ли: И лла рионовИ .В. М иха йловЕ.М . С е лива новМ .А.
В м е т одич е с ких ука за ниях ра с с м а т рива ю т с я ос новны е п одходы и инс т рум е нт ы для ра бот ы с т а блица м и вHTML докум е нт а х. М е т одич е с кие ука за ния ра с с ч ит а ны на с т уде нт ов дне вной и ве ч е рне й ф орм обуч е ния, а с п ира нт ов, на на уч ны х и инже не рно-т е хнич е с ких ра бот ников, за ним а ю щихс я WEB п рогра м м ирова ние м . Ре це нзе нт : к.ф .-м .н., доце нт ка ф е дры ВМ ВГТА С а йко Д.С .
П е ч а т а е т с я п о ре ш е нию с ове т а ф а куль т е т а ком п ь ю т е рны х на ук Вороне жс кого гос уда рс т ве нного униве рс ит е т а
К олле кт ива вт оров О ф орм ле ние Вороне жс кий гос уда рс т ве нны й униве рс ит е т 2003
2
Т аблиц ы М оде ль т а блиц, ис п оль зуе м а я в язы ке HTML, п озволяе т уп орядоч ива т ь ра злич ны е да нны е - т е кс т , ф орм а т ирова нны й т е кс т , изобра же ния, с с ы лки, ф орм ы , п оля ф орм , другие т а блицы и т .д. - в с т роки и с т олбцы яч е е к. С ка ждой т а блице й м оже т бы т ь с вяза н за головок (т эг CAPTION), п ре дос т а вляю щий кра т кое оп ис а ние т а блицы . С т роки т а блицы груп п ирую т с я в ра зде лы за головков, нижних за головков и т е ла , (с п ом ощь ю т эгов THEAD, TFOOT и TBODY с оот ве т с т ве нно), ч т о п озволяе т , на п рим е р, орга низовы ва т ь п одде ржку п рокрут ки т е ла т а блицы не за вис им о от за головков. П ри п е ч а т и длинны х т а блиц инф орм а ция из за головков м оже т п овт орят ь с я на ка ждой с т ра нице т а блицы . Доп ус ка е т с я груп п ировка с т олбцов для п ре дос т а вле ния доп олнит е ль ной с т рукт урной инф орм а ции, кот ора я м оже т ис п оль зова т ь с я бра узе ра м и. Б оле е т ого, ра зре ш е но объявлят ь с войс т ва с т олбцов в на ч а ле оп ре де ле ния т а блицы (с п ом ощь ю т эгов COLGROUP и COL) т а ким обра зом , кот оры й п озволяе т ге не рирова т ь т а блицу в докум е нт е п ос ле дова т е ль но, а не жда т ь с ч ит ы ва ния вс е х да нны х т а блицы п е ре д т е м , ка к на ч а т ь е е от обра же ние м на экра не . В ка ч е с т ве с оде ржим ого яч е йки т а блицы ра с с м а т рива ю т с я "за головок" (т эг TH) или "да нны е " (т эг TD). Яч е йки м огут ра с п рос т ра нят ь с я на не с коль ко с т рок или с т олбцов. Ра с с м от рим да ле е код, ф орм ирую щий п рос т ую т а блицу, на п рим е ре кот орой иллю с т рирую т с я ос новны е возм ожнос т и м оде ли т а блиц: <TITLE>Язы к HTML
П рос т е йш а я т а блица
У т а блицы м оже т бы т ь за головок
3
П е рва я с т рока , п е рва я колонка
П е рва я с т рока , вт ора я колонка
Вт ора я с т рока , п е рва я колонка
Вт ора я с т рока , вт ора я колонка
Вс е т эги и т е с т , от нос ящие с я к т а блице должны п ом е ща т ь с я в п а рны й т эг
, для кот орого п рим е ним ы а т рибут ы align = left|center|right - за да е т п оложе ние т а блицы от нос ит е ль но докум е нт а . Доп ус т им ы е зна ч е ния: • left: Та блица на ходит с я вле вой ч а с т и докум е нт а . 4
• center: Та блица на ходит с я вце нт ре докум е нт а . • right: Та блицы на ходит с я вп ра вой ч а с т и докум е нт а . width = д л ина- оп ре де ляе т не обходим ую ш ирину вс е й т а блицы . Ес ли зна ч е ние ука за но в п роце нт а х, эт о озна ч а е т долю в п роце нт а х от дос т уп ного горизонт а ль ного п рос т ра нс т ва бра узе ра . Ес ли ш ирина не ука за на , она оп ре де ляе т с я п о ум олч а нию .
с оде ржит вс е другие эле м е нт ы , оп ре де ляю щие за головок, с т роки, с оде ржим ое и ф орм а т ирова ние . М оде ль т а блиц HTML ра зра бот а на т а к, ч т обы бра узе ры м огли ге не рирова т ь т а блицы п о сл е д о в ат е л ьно (т .е . п о м е ре п олуч е ния с т рок т а блицы ), а не жда ли п олуч е ния вс е й т а блицы до на ч а ла ге не ра ции. Ч т обы бра узе ры м огли ф орм а т ирова т ь т а блицу за один п роход, бра узе р долже н п олуч ит ь с ле дую щую инф орм а цию : • Ч ис ло с т олбцоввт а блице . • Ш ирину с т олбцов. Б оле е т оч но, т а блица м оже т бы т ь с ге не рирова на за один п роход, е с ли ш ирина с т олбцов ука за на с ис п оль зова ние м ком бина ции т эгов COLGROUP и COL. Ес ли для ка кого-либо с т олбца ука за на от нос ит е ль на я ш ирина или ш ирина в п роце нт а х, т ре буе т с я т а кже ука за т ь ш ирину с а м ой т а блицы . Н а п ра вле ние т а блицы на с т ра нице либо на с ле дуе т с я (п о ум олч а нию ис п оль зуе т с я на п ра вле ние с ле ва на п ра во), либо оп ре де ляе т с я а т рибут ом dir т эга TABLE. Для т а блиц, у кот оры х на п ра вле ние за да но с ле ва на п ра во, нуле вой с т олбе ц на ходит с я с ле ва , а нуле ва я с т рока - с ве рху. Для т а блиц, у кот оры х на п ра вле ние за да но с п ра ва на ле во, нуле вой с т олбе ц на ходит с я с п ра ва , а нуле ва я с т рока с ве рху. TABLE – е динс т ве нны й т эг, для кот орого а т рибут dir обра ща е т визуа ль ны й п орядок с т олбцов; не ль зя изм е нит ь п орядок одной с т роки (TR) или груп п ы с т олбцов (COLGROUP). Ч т обы оп ре де лит ь т а блицу с на п ра вле ние м с п ра ва на ле во, ус т а новит е а т рибут dir с ле дую щим обра зом :
...п ро д о л ж е ние т абл ицы ...
Н а п ра вле ние т е кс т а в от де ль ны х яч е йка х м ожно изм е нит ь , ус т а новива т рибут dir для эле м е нт а , оп ре де ляю ще го яч е йку.
5
З аголов ок т аблиц ы : т эг CAPTION Ат рибут ы align = top|bottom|left|right - ука зы ва е т п оложе ние за головка от нос ит е ль но т а блицы . Возм ожны е зна ч е ния: • Top – за головок на ве рху т а блицы (зна ч е ние ис п оль зуе т с я п о ум олч а нию ). • Bottom - за головок внизу т а блицы . • Left - за головок с ле ва от т а блицы . • Right - за головок с п ра ва от т а блицы . Для вс е х зна ч е ний а т рибут а на дп ис ь в бра узе ре буде т ра с п оложе на вне с а м ой т а блицы . Ес ли т эгCAPTION п рис ут с т вуе т , е го т е кс т долже н оп ис ы ва т ь п ре дм е т т а блицы . В HTML докум е нт е т эг CAPTION м оже т ра с п ола га т ь с я т оль ко не п ос ре дс т ве нно п ос ле на ч а ль ного т е га TABLE , п рич е м ка жды й т эгTABLE м оже т вклю ч а т ь один и т оль ко один эле м е нт CAPTION. Г руппы ст рок : т эгиTHEAD, TFOOT иTBODY С т роки т а блицы м огут груп п ирова т ь с я в за головки, нижние за головки и один или не с коль ко ра зде лов т е ла т а блицы с п ом ощь ю т эгов THEAD, TFOOT и TBODY с оот ве т с т ве нно. Э т о п одра зде ле ние п озволяе т бра узе ра м п одде ржива т ь п рокрут ку т е ла т а блицы не за вис им о от за головков. П ри п е ч а т и длинны х т а блиц инф орм а ция из за головков м оже т п овт орят ь с я на ка ждой с т ра нице , на кот орой им е ю т с я да нны е т а блицы . За головки т а блицы должны с оде ржа т ь инф орм а цию о с т олбца х т а блицы . Те ло т а блицы должно с оде ржа т ь с т роки да нны х т а блицы . Ес ли т эги THEAD, TFOOT и TBODY п рис ут с т вую т , ка жды й из них с оде ржит гру п п у ст ро к. К а жда я груп п а с т рок должна с оде ржа т ь п о кра йне й м е ре одну с т року, оп ре де ляе м ую эле м е нт ом т эгом TR. П орядок и с т рукт ура за головков т а блицы , нижних за головков и т е л.
...заго л о в о к...
...ниж ний заго л о в о к...
6
...п е рв ая ст ро кад анны хбл о ка1...
...в т о рая ст ро кад анны хбл о ка1...
...п е рв ая ст ро кад анны хбл о ка2...
...в т о рая ст ро кад анны хбл о ка2...
...т ре т ья ст ро кад анны хбл о ка2...
TFOOT долже н ра с п ола га т ь с я до TBODY в оп ре де ле нии TABLE, ч т обы бра узе ры м огли ге не рирова т ь нижний за головок до п олуч е ния вс е х (возм ожно, м ногоч ис ле нны х) с т рок да нны х. Н иже п риводит с я с водка обяза т е ль ны х т е гов и т е гов, кот оры е м ожно оп ус т ит ь : • Н а ч а ль ны й т е г TBODY вс е гда обяза т е ле н, е с ли т оль ко т а блица не с оде ржит е динс т ве нного т е ла бе з ве рхних и нижних за головков. К оне ч ны й т е гTBODY вс е гда м ожно оп ус ка т ь . • Н а ч а ль ны е т е ги для THEAD и TFOOT обяза т е ль ны , е с ли в т а блице п рис ут с т вую т ве рхний и нижний за головки, но с оот ве т с т вую щие коне ч ны е т е ги м ожно оп ус ка т ь . Та блицу из п ре ды дуще го п рим е ра м ожно с окра т ит ь , уда лив, коне ч ны е т е ги, ка к п ока за но ниже :
...в е рхний заго л о в о к...
...ниж ний заго л о в о к...
...п е рв ая ст ро кад анны хбл о ка1...
...в т о рая ст ро кад анны хбл о ка1...
...п е рв ая ст ро кад анны хбл о ка2...
...в т о рая ст ро кад анны хбл о ка2...
...т ре т ья ст ро кад анны хбл о ка2...
Ра зде лы THEAD, TFOOT и TBODY должны одина ковое ч ис ло с т олбцов. 7
с оде ржа т ь
Г руппы ст олбц ов : COLGROUP иCOL Груп п ы с т олбцов п озволяю т с озда ва т ь с т рукт урны е п одра зде ле ния внут ри т а блицы . Ра зра бот ч ик м оже т вы де лят ь т а кую с т рукт уру с п ом ощь ю т а блиц с т иле й или а т рибут ов HTML (на п рим е р, а т рибут rules для эле м е нт а TABLE). П рим е р визуа ль ного п ре дс т а вле ния груп п ы с т олбцов с м . в п рим е ре т а блицы . Та блица м оже т с оде ржа т ь одну не явную груп п у с т олбцов (эле м е нт COLGROUP не ра зде ляе т с т олбцы ) или лю бое ч ис ло явны х груп п с т олбцов (ка жда я из кот оры х от де ляе т с я одним экзе м п ляром эле м е нт а COLGROUP). Э ле м е нт COL п озволяе т ис п оль зова т ь одни и т е же а т рибут ы в ра злич ны х с т олбца х, не ис п оль зуя с т рукт урной груп п ировки. "span" эле м е нт а COL - эт о ч ис ло с т олбцов, ис п оль зую щих а т рибут ы эт ого эле м е нт а . Ат рибут ы COLGROUP span = числ о - а т рибут , зна ч е ние м кот орого должно бы т ь це лое ч ис ло боль ш е нуля, оп ре де ляе т ч ис ло с т олбцов в груп п е . Зна ч е ния озна ч а ю т с ле дую ще е : • П ри от с ут с т вии а т рибут а span ка жды й эле м е нт COLGROUP оп ре де ляе т груп п у с т олбцов, с ос т оящую из одного с т олбца . • Ес ли для а т рибут а span ус т а новле но зна ч е ние N > 0, т е кущий эле м е нт COLGROUP оп ре де ляе т груп п у, с оде ржа щую N с т олбцов. Б ра узе ры должны игнорирова т ь эт от а т рибут , е с ли эле м е нт COLGROUP с оде ржит один или не с коль ко эле м е нт овCOL. width = multi-length - оп ре де ляе т ш ирину ка ждого с т олбца в т е куще й груп п е , ис п оль зуе м ую п о ум олч а нию . К ром е с т а нда рт ны х зна ч е ний в п икс е лях, п роце нт а х и от нос ит е ль ны х зна ч е ний, в эт ом а т рибут е м оже т ис п оль зова т ь с я с п е циа ль на я ф орм а "0*" (ноль с о зве здоч кой), кот ора я озна ч а е т , ч т о ш ирина ка ждого с т олбца в груп п е должна бы т ь м иним а ль ной, не обходим ой для ра зм е ще ния с оде ржим ого с т олбца . П одра зум е ва е т с я, ч т о с оде ржим ое с т олбца изве с т но до т ого, ка к м ожно буде т корре кт но вы ч ис лит ь е го ш ирину. И с п оль зова ние "0*" не п озволит бра узе ру ге не рирова т ь т а блицу п ос ле дова т е ль но. Э т от а т рибут п е ре оп ре де ляе т с я для лю бого с т олбца из груп п ы , для кот орого зна ч е ние а т рибут а width за да но в эле м е нт е COL. Э ле м е нт COLGROUP с озда е т явную груп п у с т олбцов. Ч ис ло с т олбцов в груп п е м оже т бы т ь ука за но двум я вза им оис клю ч а ю щим и с п ос оба м и:
8
Ат рибут span эле м е нт а (зна ч е ние п о ум олч а нию - 1) за да е т ч ис ло с т олбцов в груп п е . К а жды й эле м е нт COL в COLGROUP п ре дс т а вляе т один или не с коль ко с т олбцоввгруп п е . П ре им уще с т вом ис п оль зова ния а т рибут а span являе т с я т о, ч т о м ожно груп п ирова т ь инф орм а цию о ш ирине с т олбцов. Та ким обра зом , е с ли в т а блице с оде ржит с я с орок с т олбцов, ка жды й из кот оры х им е е т ш ирину 20 п икс е лов, п роще на п ис а т ь :
ч ем :
...в се со ро к эл е ме нт о в COL...
Ес ли не обходим о вы де лит ь с т олбе ц (на п рим е р, для инф орм а ции о с т иле , для ука за ния инф орм а ции о ш ирине и т .д.) в груп п е , а вт оры должны оп ре де лит ь эт от с т олбе ц с п ом ощь ю эле м е нт а COL. Та ким обра зом , ч т обы п рим е нит ь с п е циа ль ную инф орм а цию о с т иле к п ос ле дне м у с т олбцу п ре ды дуще й т а блицы , вы де лим е го с ле дую щим обра зом :
Ат рибут width эле м е нт а COLGROUP на с ле дую т вс е с орок с т олбцов. П е рвы й эле м е нт COL от нос ит с я к п е рвы м 39 с т олбца м (нич е го ос обе нного для них не де ла я), а вт орой на зна ч а е т зна ч е ние id с ороковом у с т олбцу, т а к ч т о на не го м ожно буде т с с ы ла т ь с я в т а блица х с т иле й. Та блица в с ле дую ще м п рим е ре с оде ржит две груп п ы с т олбцов. П е рва я груп п а вклю ч а е т 10 с т олбов, вт ора я - 5. Ш ирина п о ум олч а нию для ка ждого с т олбца в п е рвой груп п е - 50 п икс е лов. Ш ирина ка ждого с т олбца во вт орой груп п е - м иним а ль на я, не обходим а я для эт ого с т олбца . 9
...
Т эг COL О п ре де ле ния а т рибут ов span = ч ис ло - а т рибут , зна ч е ние м кот орого должно бы т ь це лое ч ис ло боль ш е нуля, оп ре де ляе т ч ис ло с т олбцов. Зна ч е ние п о ум олч а нию для эт ого а т рибут а - 1 (т .е . эле м е нт COL озна ч а е т один с т олбе ц). Ес ли для а т рибут а span ус т а новле но зна ч е ние N > 1, а т рибут ы т е куще го эле м е нт а COL ра с п рос т ра няю т с я на с ле дую щие N1 с т олбе ц. width = multi-length - а т рибут оп ре де ляе т ш ирину ка ждого с т олбца . О н им е е т т о же зна ч е ние , ч т о и а т рибут width для эле м е нт а COLGROUP и им е е т на д ним п риорит е т . Э ле м е нт COL п озволяе т а вт ора м груп п ирова т ь оп ре де ле ния а т рибут ов для с т олбцов т а блицы . Ат рибут COL н е груп п ируе т с т олбцы с т рукт урно - эт у роль игра е т эле м е нт COLGROUP. Э ле м е нт ы COL являю т с я п ус т ы м и и с лужа т т оль ко для п одде ржа ния а т рибут ов. О ни м огут на ходит ь с я внут ри или вне явной груп п ы с т олбцов (т .е . эле м е нт а COLGROUP). П одсчет числа ст олбц ов в т аблиц е И м е е т с я два с п ос оба оп ре де ле ния ч ис ла с т олбцов в т а блице (в п орядке с т а рш инс т ва ): Ес ли TABLE вклю ч а е т COLGROUP или COL, бра узе ры должны п одс ч ит ы ва т ь ч ис ло с т олбцов, с ум м ируя с ле дую щие циф ры : • для ка ждого эле м е нт а COL - зна ч е ние е го а т рибут а span (п о ум олч а нию 1). • для ка ждого эле м е нт а COLGROUP, с оде ржа ще го п о кра йне й м е ре один эле м е нт COL - игнорирова т ь а т рибут span для эле м е нт а COLGROUP. Для ка ждого эле м е нт а COL вы п олнит ь вы ч ис ле ние из ш а га 1. • для ка ждого п ус т ого эле м е нт а COLGROUP - зна ч е ние е го а т рибут а span (п о ум олч а нию 1). 10
К огда бра узе р п одс ч ит а л ч ис ло с т олбцов в т а блице , он м оже т с груп п ирова т ь их вгруп п ы с т олбцов. Н а п рим е р, для ка ждой из с ле дую щих т а блиц, оба с п ос оба п одс ч е т а ч ис ла с т олбцов должны да т ь т ри с т олбца . П е рвы е т ри т а блицы м огут ге не рирова т ь с я п ос ле дова т е ль но.
... ...ст ро ки...
... ...ст ро ки...
... ...ст ро ки...
П одсчет ш ирин ы ст олбц ов Ш ирина с т олбцовука зы ва е т с я т ре м я с п ос оба м и: • ф икс ирова нна я - ука за ние ф икс ирова нной ш ирины да е т с я в п икс е ла х (на п рим е р, width="30"). И с п оль зова ние 11
ф икс ирова нной ш ирины п озволяе т ис п оль зова т ь п ос ле дова т е ль ную ге не ра цию . • в п роце нт а х - ука за ние ш ирины в п роце нт а х (на п рим е р, width="20%") озна ч а е т п роце нт горизонт а ль ного п рос т ра нс т ва , дос т уп ного для т а блицы (м е жду т е кущим ле вы м и п ра вы м п олям и, вклю ч а я floats). Э т о п рос т ра нс т во не за вис ит от с а м ой т а блицы , п оэт ом у ука за ние ш ирины в п роце нт а х п озволяе т ис п оль зова т ь п ос ле дова т е ль ную ге не ра цию . • п роп орциона ль на я - ука за ние п роп орциона ль ной ш ирины (на п рим е р, width="3*") озна ч а е т ч ис ло ч а с т е й горизонт а ль ного п рос т ра нс т ва , не о бхо д имо го для т а блицы . Ес ли ш ирина т а блицы оп ре де ляе т с я ка к ф икс ирова нное зна ч е ние (с п ом ощь ю а т рибут а width эле м е нт а TABLE), бра узе ры м огут ге не рирова т ь т а блицу п ос ле дова т е ль но и с ука за ние м п роп орциона ль ной ш ирины . Ес ли ш ирина т а блицы не ф икс ирова на , бра узе ры должны п олуч ит ь вс е да нны е т а блицы п е ре д т е м , ка к они с м огут оп ре де лит ь горизонт а ль ное п рос т ра нс т во, не обходим ое для не е . Толь ко т огда эт о п рос т ра нс т во м оже т бы т ь ра с п ре де ле но м е жду с т олбца м и, для кот оры х ука за на п роп орциона ль на я ш ирина . Ес ли для с т олбца не ука за на инф орм а цию о ш ирине , бра узе р не с м оже т ф орм а т ирова т ь т а блицу п ос ле дова т е ль но, п ос коль ку он вы нужде н буде т жда т ь п олуч е ния вс е х да нны х с т олбца для оп ре де ле ния е го ш ирины . Ес ли ука за нна я для с т олбца ш ирина не дос т а т оч на для ра зм е ще ния с оде ржим ого ка кой-либо яч е йки, бра узе ры м огут п е ре ф орм а т ирова т ь т а блицу. Та блица в с ле дую ще м п рим е ре с оде ржит ш е с т ь с т олбцов. П е рвы й не п рина дле жит к явной груп п е с т олбцов. С ле дую щие т ри обра зую т п е рвую явную груп п у с т олбцов, а п ос ле дние два - вт орую явную груп п у с т олбцов. Э т у т а блицу не ль зя от ф орм а т ирова т ь п ос ле дова т е ль но, п ос коль ку она с оде ржит с т олбцы п роп орциона ль ной ш ирины , а зна ч е ние а т рибут а width для TABLE не ука за но. К огда бра узе р п олуч ит да нны е т а блицы , дос т уп ное горизонт а ль ное п рос т ра нс т во буде т ра с п ре де лят ь с я с ле дую щим обра зом : с на ч а ла бра узе р ра с п ре де лит 30 п икс е ловна п е рвы й и вт орой с т олбе ц. За т е м ре зе рвируе т с я м иним а ль ное п рос т ра нс т во, не обходим ое для т ре т ь е го с т олбца . О с т а вш е е с я горизонт а ль ное п рос т ра нс т во буде т ра зде ле но на ш е с т ь ра вны х ч а с т е й (п ос коль ку 2* + 1* + 3* = 6 ч а с т е й). Ч е т ве рт ы й с т олбе ц (2*) п олуч ит две т а ких ч а с т и, п ят ы й (1*) - одну, а ш е с т ой - (3*) т ри. 12
... ...ст ро ки...
Для а т рибут а align во вт орой груп п е с т олбцов ус т а новле но зна ч е ние "center". Вс е яч е йки в ка ждом с т олбце эт ой груп п ы будут на с ле дова т ь эт о зна ч е ние , но м огут п е ре оп ре де лят ь е го. В де йс т вит е ль нос т и п ос ле дний эле м е нт COL де ла е т им е нно эт о, п от ом у ч т о в не м ука за но, ч т о ка жда я яч е йка с т олбца , кот оры м он уп ра вляе т , буде т вы ровне на с ис п оль зова ние м с им вола ":". В с ле дую ще й т а блице с п е циф ика ции ш ирины с т олбца п озволяю т бра узе ру ф орм а т ирова т ь т а блицу п ос ле дова т е ль но:
... ...ст ро ки...
П е рвы е де с ят ь с т олбцов им е ю т ш ирину 15 п икс е лов ка жды й. П ос ле дние два с т олбца п олуч а ю т п о п оловине из ос т а вш ихс я 50 п икс е лов. COL ра с п оложе н т а к, ч т о зна ч е ние id м ожно ука за т ь т оль ко для п ос ле дних двух с т олбцов. Ячейк ит аблиц ы : т эгиTH иTD 13
Ат рибут ы headers = idrefs - ука зы ва е т с п ис ок яч е е к за головков, п ре дос т а вляю щих за головоч ную инф орм а цию для т е куще й яч е йки да нны х. Зна ч е ние м эт ого а т рибут а являе т с я ра зде ле нны й п робе ла м и с п ис ок на зва ний яч е е к; им е на яч е йка м должны да ва т ь с я с п ом ощь ю а т рибут а id. scope = имя о бл аст и д е йст в ия - оп ре де ляе т на бор яч е е к да нны х, для кот оры х за головоч на я инф орм а ция за да е т с я т е кущим за головком . Ес ли эт от а т рибут ис п оль зуе т с я, он долже н им е т ь одно из с ле дую щих зна ч е ний: • row: В яч е йке п ре дс т а вле на за головоч на я инф орм а ция для ос т а вш е йс я ч а с т и с т роки, вкот орой с оде ржит с я эт а яч е йка . • col: В яч е йке п ре дс т а вле на за головоч на я инф орм а ция для ос т а вш е йс я ч а с т и с т олбца , вкот ором с оде ржит с я эт а яч е йка . • rowgroup: В яч е йке п ре дс т а вле на за головоч на я инф орм а ция для ос т а вш е йс я груп п ы с т рок, вкот орой с оде ржит с я эт а яч е йка . • colgroup: В яч е йке п ре дс т а вле на за головоч на я инф орм а ция для ос т а вш е йс я груп п ы с т олбцов, вкот орой с оде ржит с я эт а яч е йка . abbr = т е кст - а т рибут ис п оль зуе т с я для п ре дс т а вле ния с окра ще нной ф орм ы с оде ржим ого яч е йки; он м оже т ге не рирова т ь с я бра узе ра м и вп одходящий м ом е нт вм е с т о с оде ржим ого яч е йки. rowspan = числ о - оп ре де ляе т ч ис ло с т рок, за нят ы х т е куще й яч е йкой. П о ум олч а нию ис п оль зуе т с я зна ч е ние один ("1"). Зна ч е ние ноль ("0") озна ч а е т , ч т о яч е йка за ним а е т вс е с т роки от т е куще й до п ос ле дне й. colspan = числ о - оп ре де ляе т ч ис ло с т олбцов, за нят ы х т е куще й яч е йкой. П о ум олч а нию ис п оль зуе т с я зна ч е ние один ("1"). Зна ч е ние ноль ("0") озна ч а е т , ч т о яч е йка за ним а е т вс е с т олбцы от т е куще го до п ос ле дне го. nowrap - с ообща е т бра узе ру о не обходим ос т и от клю ч ит ь а вт ом а т ич е с кое ра збие ние т е кс т а для эт ой яч е йки. width = п иксе л и – за да е т бра узе ру ре ком е ндуе м ую ш ирину яч е йки. height = п иксе л и – за да е т бра узе ру ре ком е ндуе м ую вы с от у яч е йки. Яч е йки т а блицы м огут с оде ржа т ь инф орм а цию двух т ип ов: за головоч ную инф орм а цию и да нны е , ч т о п озволяе т бра узе ра м ге не рирова т ь яч е йки за головков и да нны х ра злич ны м обра зом да же п ри от с ут с т вии т а блиц с т иле й.
14
ТэгTH оп ре де ляе т яч е йку, с оде ржа щую инф орм а цию за головка . Б ра узе ра м дос т уп ны две ч а с т и за головоч ной инф орм а ции: с оде ржим ое эле м е нт а TH и зна ч е ние а т рибут а abbr. Б ра узе ры должны ге не рирова т ь с оде ржим ое яч е йки или зна ч е ние а т рибут а abbr. Э ле м е нт TD оп ре де ляе т яч е йку, с оде ржа щую да нны е . Яч е йка м оже т бы т ь п ус т ой (т .е . не с оде ржа т ь да нны х). Н а п рим е р, в с ле дую ще й т а блице с оде ржит с я ч е т ы ре с т олбца да нны х, ка жды й с т олбе ц им е е т за головок.
П р им ер т а б лиц ы
И м я
Ба зы да нны х
WEB т ехнологии
П р огр а м м ир ова ние
И ва нов И .И .
от лич но
хор ош о
удовлет вор ит ельно
П ет р ов П .П .
неудовлет вор ит ельно
неудовлет вор ит ельно
неудовлет вор ит ельно
Яч е йки м огут за ним а т ь не с коль ко с т рок или с т олбцов. Ч ис ло с т рок или с т олбцов, за нят ы х яч е йкой, ус т а на влива е т с я с п ом ощь ю а т рибут овrowspan и colspan т эговTH и TD. 15
В п рим е ре т а блицы ука за но, ч т о яч е йка в ч е т ве рт ой с т роке во вт ором с т олбце за ним а е т вс е т ри с т олбца , вклю ч а я т е кущий.
П р им ер т а б лиц ы
И м я
Ба зы да нны х
WEB т ехнологии
П р огр а м м ир ова ние
И ва нов И .И .
5
5
3
П ет р ов П .П .
3
4
3
С идор ов С .С .
<em>Неа т т ест ова н
В с ле дую ще м п рим е ре п ока за но (с п ом ощь ю гра ниц т а блицы ), ка к оп ре де ле ния яч е е к, за ним а ю щих не с коль ко с т рок или с т олбцов, влияю т на оп ре де ле ния с ле дую щих яч е е к. Ра с с м от рим с ле дую ще е оп ре де ле ние т а блицы :
1
2
3
4
6
7
8
9
П ос коль ку яч е йка "2" за ним а е т п е рвую и вт орую с т роки, оп ре де ле ние вт орой с т роки буде т п ринят о во вним а ние . Та ким обра зом , вт орой т эг TD в с т роке два в де йс т вит е ль нос т и оп ре де ляе т т ре т ь ю яч е йку с т роки. 16
Ес ли т эг TD, оп ре де ляю щий яч е йку "6", оп уще н, бра узе р буде т доба влят ь доп олнит е ль ную п ус т ую яч е йку, ч т обы за п олнит ь с т року. Точ но т а к же вс ле дую ще м оп ре де ле нии т а блицы :
1
2
3
4
6
7
8
9
яч е йка "4" за ним а е т два с т олбца , т а к ч т о вт орой т эгTD в с т роке на с а м ом де ле оп ре де ляе т т ре т ь ю яч е йку ("6").
17
О п ре де ле ние п е ре кры ва ю щихс я яч е е к являе т с я ош ибкой. Б ра узе ры м огут п о-ра зном у обра ба т ы ва т ь эт у ош ибку (на п рим е р, они м огут п о-ра зном у ге не рирова т ь т а кие т а блицы ). В с ле дую ще м п рим е ре не доп ус т им ого ис п оль зова ния п ока за но, ка к м ожно с озда т ь п е ре кры ва ю щие с я яч е йки. В эт ой т а блице яч е йка "5" за ним а е т две с т роки, а яч е йка "7" за ним а е т два с т олбца , т а к ч т о они обе ис п оль зую т яч е йку м е жду "7" и "9":
1
2
3
4
5
6
7
9
Ф ормат иров ан ие т аблиц
яч е е к
В HTML 4.0 им е ю т с я м е ха низм ы для уп ра вле ния: • с т илям и гра ниц • горизонт а ль ны м и ве рт ика ль ны м вы ра внива ние м с оде ржим ого
• п олям и яч е йки С ле дую щие а т рибут ы влияю т на внут ре нние яч е йки и внут ре нние линии т а блицы . frame = void|above|below|hsides|lhs|rhs|vsides|box|border ука зы ва е т , ка кие с т ороны ра м ки, окружа ю ще го т а блицу, будут видим ы . Возм ожны е зна ч е ния: • void - с т орон не т . Зна ч е ние ис п оль зуе т с я п о ум олч а нию . • Above - т оль ко ве рхняя ч а с т ь . • Below - т оль ко нижняя ч а с т ь . • Hsides - т оль ко ве рхняя и нижняя ч а с т ь . • Vsides - т оль ко ле ва я и п ра ва я ч а с т и. • Lhs - т оль ко ле ва я ч а с т ь . • Rhs - т оль ко п ра ва ч а с т ь . • Box - вс е ч е т ы ре ч а с т и. • Border - вс е ч е т ы ре ч а с т и. rules = none|groups|rows|cols|all - ука зы ва е т , ка кие линии будут от обра жа т ь с я м е жду яч е йка м и. Возм ожны е зна ч е ния: • None – не т линий (ис п оль зуе т с я п о ум олч а нию ). • Groups – линии от обра жа ю т с я т оль ко м е жду груп п а м и с т рок и груп п а м и с т олбцов. 18
• Rows – линии от обра жа ю т с я т оль ко м е жду с т рока м и. • Cols – линии от обра жа ю т с я т оль ко м е жду с т олбца м и. • All – линии от обра жа ю т с я м е жду с т рока м и и с т олбца м и. border = п иксе л и - а т рибут за да е т ш ирину (т оль ко в п икс е лях) ра м ки вокругт а блицы . Для п рос т от ы ра злич ия яч е е к в т а блице м ы м оже м ус т а на влива т ь а т рибут border т эга TABLE. Ра с с м от рим п рим е р:
П р им ер т а б лиц ы
И м я
П р огр а м м ир ова ние
WEB т ехнологии
М а т ем а т ика
И ва нов И .И .
5
4
3
П ет р ов П .П .
2
2
2
19
В с ле дую ще м п рим е ре бра узе р от обра жа е т гра ницу ш ириной в п ят ь п икс е ловс ле ва и с п ра ва от т а блицы и линии м е жду с т олбца м и.
1
2
3
4
5
6
7
8
9
С ле дую щие на с т ройки должны ра с с м а т рива т ь с я бра узе ра м и с овм е с т но: • на с т ройка border="0" п одра зум е ва е т frame="void" и, е с ли не ука за но другое , rules="none". • другие зна ч е ния border п ре дп ола га ю т frame="border" и, е с ли не ука за но другое , rules="all". • зна ч е ние "border" в на ч а ль ном т е ге TABLE должно инт е рп ре т ирова т ь с я ка к зна ч е ние а т рибут а frame. П ре дп ола га е т с я, ч т о rules="all" и ис п оль зуе т с я не кот орое с т а нда рт ное зна ч е ние (не нуле вое ) для а т рибут а border. Н а п рим е р, с ле дую щие оп ре де ле ния эквива ле нт ны :
с ле дую щим :
20
Г оризон т альн ое ив ерт ик альн ое в ы рав н ив ан ие Для ра злич ны х эле м е нт ов т а блицы м ожно ус т а новит ь с ле дую щие а т рибут ы : align = left|center|right|justify|char - за да е т вы ра внива ние да нны х и вы клю ч ку т е кс т а вяч е йке . Возм ожны е зна ч е ния: • Left - вы ра внива ние да нны х п о ле вом у кра ю /вы клю ч ка т е кс т а вле во. И с п оль зуе т с я п о ум олч а нию . • Center - вы ра внива ние да нны х п о це нт ру/вы клю ч ка т е кс т а п о це нт ру. И с п оль зуе т с я п о ум олч а нию вза головка х т а блиц. • Right - вы ра внива ние да нны х п о п ра вом у кра ю /вы клю ч ка т е кс т а вп ра во. • Justify - вы клю ч ка п о обоим кра ям . • Char -вы ра внива ние т е кс т а вокругука за нного с им вола . valign = top|middle|bottom|baseline - за да е т ве рт ика ль ное п оложе ние да нны х вяч е йке . Возм ожны е зна ч е ния: • Top - да нны е яч е йки с двига ю т с я вве рх. • Middle - да нны е яч е йки це нт рирую т с я ве рт ика ль но. Зна ч е ние ис п оль зуе т с я п о ум олч а нию . • Bottom - да нны е вяч е йке с двига ю т с я вниз. • Baseline - во вс е х яч е йка х с т роки, в кот орой на ходит с я яч е йка , для кот орой ус т а новле н а т рибут valign, т е кс т долже н ра с п ола га т ь с я т а к, ч т обы п е рва я с т рока ока зы ва ла с ь на ба зовой линии, обще й для вс е х яч е е к в с т роке . Э т о огра нич е ние не п рим е няе т с я к п ос ле дую щим т е кс т овы м с т рока м вэт ой яч е йке . char = симв о л - а т рибут оп ре де ляе т от де ль ны й с им вол во ф ра гм е нт е т е кс т а , с лужа щий ос ь ю для вы ра внива ния. П о ум олч а нию в ка ч е с т ве зна ч е ния эт ого а т рибут а ис п оль зуе т с я с им вол де с ят ич ной т оч ки для т е куще го язы ка , ус т а новле нного в с оот ве т с т вии с а т рибут ом lang (на п рим е р, т оч ка (".") в а нглийс ком язы ке и за п ят а я (",") во ф ра нцузс ком ). Н е вс е бра узе ры п одде ржива ю т эт от а т рибут . charoff = д л ина- е с ли эт от а т рибут за да н, он оп ре де ляе т от с т уп п е рвого экзе м п ляра с им вола вы ра внива ния в ка ждой с т роке . Ес ли в с т роке не т с им вола вы ра внива ния, она горизонт а ль но с двига е т с я до конца вп озиции вы ра внива ния. Ес ли для ус т а новле ния с м е ще ния с им вола вы ра внива ния ис п оль зуе т с я а т рибут charoff, на п ра вле ние с м е ще ния оп ре де ляе т с я т е кущим на п ра вле ние м т е кс т а (ус т а на влива е м ы м а т рибут ом dir). В т е кс т а , на п ра вле нны х с ле ва на п ра во (п о ум олч а нию ), с м е ще ние п роизводит с я от ле вого п оля. В т е кс т а х, на п ра вле нны х с п ра ва на ле во, 21
с м е ще ние п роизводит с я от п ра вого п оля. Н е вс е бра узе ры п одде ржива ю т эт от а т рибут . В п рим е ре де не жны е е диницы вы ровне ны п о де с ят ич ной т оч ке . Явно ус т а новле но вы ра внива ние п о с им волу ".".
Ком п лект ую щ ие
Ц ена за ш т .
Кор п ус
$100
CD п р ивод
$80.50
М онит ор
$234.30
Ес ли в яч е йке с оде ржит с я не с коль ко экзе м п ляров с им волов вы ра внива ния, за да нны х в а т рибут е char, и с оде ржим ое яч е йки п е ре нос ит с я на другую с т року, п ове де ние бра узе ра не оп ре де ле но. Визуа ль ны е бра узе ры обы ч но ге не рирую т т эги TH вы ровне нны м и ве рт ика ль но и горизонт а ль но п о це нт ру с ис п оль зова ние м п олужирного ш риф т а . П оля я чейк и О п ре де ле ния а т рибут ов 22
cellspacing = д л ина - оп ре де ляе т п рос т ра нс т во, кот орое бра узе р долже н ос т а вит ь м е жду ле вой с т ороной т а блицы и ле вы м кра е м кра йне го ле вого с т олбца , ве рхне й гра нице й т а блицы и ве рхним кра е м с а м ой ве рхне й с т роки и т а к да ле е для п ра вой и нижне й гра ниц т а блицы . Э т от а т рибут т а кже оп ре де ляе т п рос т ра нс т во м е жду яч е йка м и. cellpadding = д л ина - оп ре де ляе т п рос т ра нс т во м е жду гра нице й яч е йки и е е с оде ржим ы м . Ес ли зна ч е ние эт ого а т рибут а ука за но в п икс е ла х, вс е ч е т ы ре п оля должны им е т ь эт от ра зм е р. Ес ли зна ч е ние а т рибут а ука за но в п роце нт а х, ве рхне е и нижне е п оля должны бы т ь от де ле ны от с оде ржим ого на одина ковы й п роце нт дос т уп ного ве рт ика ль ного п рос т ра нс т ва , а ле вое и п ра вое п оля должны бы т ь от де ле ны от с оде ржим ого на одина ковы й п роце нт дос т уп ного горизонт а ль ного п рос т ра нс т ва . Э т и два а т рибут а уп ра вляю т ра с с т ояние м м е жду яч е йка м и и внут ри них. О ни объяс няю т с я на с ле дую ще й иллю с т ра ции:
Ат р иб ут ы cellspacing и cellpadding.
В с ле дую ще м п рим е ре а т рибут cellspacing за да е т ра с с т ояние в два дца т ь п икс е лов м е жду яч е йка м и и от кра я т а блицы . Ат рибут cellpadding оп ре де ляе т , ч т о ве рхне е и нижне е п оля яч е йки от де ляю т с я от с оде ржим ого яч е йки на 10% дос т уп ного ве рт ика ль ного п рос т ра нс т ва (вс е го 20%). Точ но т а к же , ле вое и п ра вое п оле яч е йки будут от де ле ны от с оде ржим ого на 10% дос т уп ного горизонт а ль ного п рос т ра нс т ва (вс е го 20%). 23
Да нны е1
Да нны е2
Да нны е3
Ес ли т а блица или да нны й с т олбе ц им е е т ф икс ирова нную ш ирину, cellspacing и cellpadding м огут за ним а т ь боль ш е п рос т ра нс т ва , ч е м на зна ч е но. Б ра узе ры м огут (но не обяза т е ль но) да ва т ь эт им а т рибут а м п риорит е т на д а т рибут ом width вс луч а е конф ликт а . П ример т аблиц ы В эт ом п рим е ре п ока за ны с груп п ирова нны е с т роки и с т олбцы . П рим е р взят из книги "Ра зра бот ка инт е рна циона ль ного п рогра м м ного обе с п е ч е ния" Н а дин К эно.
П О ДДЕРЖ КА КО ДО ВЫ Х С Т РАНИ Ц В MICROSOFT WINDOWS
И Д кодовой ст р а ниц ы
На зва ние
ACP
OEMCP
Windows NT 3.1
Windows NT 3.51
Windows 95
1200
Unicode (BMP of ISO/IEC10646)
X
X
*
1250
Windows 3.1 Вост оч ноевр оп ейска я
X
X
X
X
1251
Windows 3.1 Кир иллиц а
X
X
X
X
1252
Windows 3.1 СШ А (ANSI)
X
X
X
X 24
1253
Windows 3.1 Гр еч еска я
X
X
X
X
1254
Windows 3.1 Т ур ец ка я
X
X
X
X
1255
И вр ит
X
X
1256
Ар а б ска я
X
X
1257
Ба лт ийска я
X
X
1361
Кор ейска я (Johab)
X
**
X
437
С Ш А MSDOS
X
X
X
X
708
Ар а б ска я (ASMO 708)
X
X
709
Ар а б ска я (ASMO 449+, BCON V4)
X
X
710
Ар а б ска я (П р озр а ч на я а р а б ска я )
X
X
720
Ар а б ска я (П р озр а ч на я ASMO)
X
X
25
В да нном п рим е ре п ока за но, ка к м ожно ис п оль зова т ь COLGROUP для груп п ировки с т олбцов и ус т а новки вы ра внива ния с т олбцов п о ум олч а нию . Точ но т а к же TBODY ис п оль зуе т с я для груп п ировки с т рок. Ат рибут ы frame и rules с ообща ю т а ге нт у п оль зова т е ля, ка кие гра ницы и линии должны ге не рирова т ь с я. С писок лит ерат уры 1. М орис , Б рю с HTML вде йс т вии/П е р. с а нгл. Л . М е лихова ; Гл. ре д. В. У с м а нов.-С П б.: П И ТЕР,1997.-252с .:ил. 2. Айзе нм е нге р, Риха рд HTML 3.2/4.0:С п ра воч ник/П е р. с не м . Е. Б . Яблоч ковой п од ре д. С . М олявко.-М .:Б ином ,1998.-357 с .:ил. 3. Гонч а ров, Але кс е й HTML вп рим е ра х.-С П б.и др.:П ит е р,1997.184,[1] с .+1дис ке т а :ил. 4. М а т рос ов, Але кс а ндр HTML 4.0/Але кс а нодр М а т рос ов, Але кс а ндр С е рге е в, М иха илЧ а унин.-С П б. и др.:BHV,2000.-671 с .:ил.-(В п одлиннике ). 5. К уч е ре нко, Ва с илий HTML 4.0: П ра кт ич е с кое п ос обие /Ва с илий К уч е ре нко.-М .:М а йор,2001.-175 с .-(М ой ком п ь ю т е р). 6. Ш т а йне р, Гю нт е р HTML/XML/CSS:С п ра воч ник/Гю нт е р Ш т а йне р; Н а уч . ре д. С . М олявко.-М .: Л а бора т ория Б а зовы х Зна ний,2001.-512 с .:ил., т а бл. 7. December, John HTML 3.2 and CGI Unleashed/John December, Mark Ginsburg.-Prof. ref. ed.-Indianapolis:Samsnet,1996.-xliv,1321 p.: fig. + 1 CD-ROM. 8. Ш а п ош ников, И горь HTML 4:С а м оуч ит е ль /И горь Ш а п ош ников.С П б. и др.:Б Х В-П е т е рбург,2001.-288 с .:ил.-(С а м оуч ит е ль ). 9. М а т рос ов, Але кс а ндр HTML 4.0/Але кс а ндр М а т рос ов, Але кс а ндр С е рге е в, М иха илЧ а унин.-С П б.: Б Х В-П е т е рбург,2002.-671 с .:ил.- (В п одлиннике ).
26
М е т одич е с кие ука за ния к курс у “Язы к HTML” 3. Та блицы
С ос т а вит е ли: И лла рионовИ горь Вла дим ирович М иха йловЕвге ний М иха йлович С е лива новМ иха илАле кс а ндрович
За ка з №
от . .03 г. Тира ж
экз. Л а бора тория оп ера тивной п олигра ф ии ВГУ
