Kompjûters, Programming
Hoe meitsje in tafel yn HTML: in wiidweidige beskriuwing fan
Tabel - ien fan de wichtichste, mar tagelyk komplekse eleminten dy't moat oanwêzich wêze op de websiden. Mei harren help is it handich te passen in wichtige en brûkbere ynformaasje yn in frijwat koarte foarm. Fansels, de measte redakteuren yn sjabloanen, wurke op ferskillende motoaren, automatysk ynstekke in tafel yn jo website of aparte publikaasje, mar wat as it web design boarne, syn siden binne ûntstien út scratch? Dan de novice master kin krije in probleem: hoe te meitsje in tafel yn HTML. Ris sjen hoe fluch en korrekt meitsje it item.
kies bewurker
Earst fan alle, begjint te meitsjen fan in tafel, dan moatte beskiede hoe de bewurker wêryn jo wurkje sil. Fansels, de maklikste manier om te kiezen it programma wêryn jo meitsje in basis site koade. Mar it is it bêste om te brûken foar dit doel de goede âlde Notepad.
Jo kinne freegje, wêrom complicate dyn libben, want as jo dogge alles rjocht yn 'e redaksje, dan it resultaat kin sjoen fuortendaliks, te, en sels delhelje, skrasse it programma te brûken.
Ja, it is wier, mar it meitsjen fan in tafel hielendal opnij yn, dan sil net allinne by steat wêze om yngeand ûndersykjen it prinsipe fan syn skepping, mar ek om foar te kommen beskamsume typos en flaters yn de ûnderlizzende koade. Soms bart it tafallich dat it rinnerke wurdt ferpleatst nei ûnderen, en it proses fan it skriuwen koade yn fersin krûpt yn, dat is soms dreech te finen. It oanmeitsjenn fan in tafel yn in laptop, kinne jo kopiearje de koade en plak it yn 'e rjochter plak foar jo.
De algoritme foar it oanmeitsjen fan de tafel
Om te begjinnen, meitsje in koarte algoritme, hoe't om in tafel yn HTML. Dit is om derfoar te soargjen dat jo begripe it opienfolging fan elke stap. Dan analysearje krekt hoe't te fieren elk fan 'e items.
Lit ús begjinne mei de tariedende aksjes.
1. Tekenje de skematyske op papier tafel ôfbylding.
2. Count it oantal rigen en sellen. As it oantal ferskillende ferline - tink oan elk ryadochka apart.
3. Jou oan it oantal yn 'e rige-header sellen (bygelyks, «№» sel, "Namme" en t. D.).
4. Skriuw de wichtichste parameters fan 'e tafel - de kleur, hichte en breedte, text alignment - koartsein, alles dat jo lykje fit.
Dan geane streekrjocht nei it ta stân kommen fan 'e tafel:
1. Stek it tags tafel.
2. Stek it tags fan linen basearre op it bedrach dat jo nedich hawwe.
3. De rigen ynfoegje tags fan sellen (normaal en haadletters), ek op basis fan it bedrach dat hawwe opnommen op papier.
4. Stel de parameter foar de hiele tafel.
5. As jo moatte set parameter foar yndividuele sellen.
6. Folje yn ús sel tekst.
meitsje in tafel
Dus, jo kieze bewurker, no litte wy ris nei hoe't it meitsjen fan in tafel yn HTML. Tag wêrmei tafel (
It ynstekken fan de tags tafel, gean te meitsjen Rigen en sellen.
No, wy rekken mei dat dizze eleminten wurde ek yn pearen. Tag
Foar upper-sellen moatte brûkt wurde yn pearen eleminten
Lykas al sein, de earste stap is om te tekenjen in line, dan se moatte registrearje sel. Om foar te kommen betizing, is it oan te rieden om dwaan gjin padding tusken elk blok yn in line of twa, of oars te foarskriuwe in nije blok eleminten troch gebrûk fan de "ljepper" toets.
Hoe kin dat derút? Wat like this:
-
;
; № p / p ; Namme ; - ;
; - 1
; Ivanov ; - ;
- .
Sa't jo sjen kinne, neat complicated deroer. It wichtichste ding - krije net ferlern yn it oantal rigen en sellen. Oars, de tafel is tilted.
Wy binne ûntmantele te meitsjen in tafel yn HTML, no kinne wy harren foar de parameters fan sawol de Matrix en syn Rigen en sellen.
tabel opsjes
As de koade is, is it nedich om te beteljen omtinken oan de neikommende punten: ôfstimming yn de tabel de HTML, de kleur fan ' e grinzen, eftergrûn, tekst, ensafuorthinne.
De parameters binne oantsjutte yn de tabel tag
. Dy binne ûnder oare: 1. Border - de grins breedte. Bepaald troch in hiel getal. Standert, elke tafel grinzen útkaam.
2. Bordercolor - de kleur fan 'e grins. It kin jûn as heksadesimale kleur (# 00008B), en syn namme op angliykom (DarkBlue). Standert, it is altyd griis.
3. bgcolor - eftergrûnkleur. As oantsjutte troch koade of namme.
4. Rjochtsje - align tekst foar de tafel. Default - op de linker. Der binne de neikommende opsjes foar dizze parameter:
- lofts - rjochts wrap;
- -obtekanie rjochts lofts;
- sintrum - De útfier tafel yn 'e midden mei gjin flow.
5. breedte en hichte - breedte en hichte fan 'e tafel. It kin wêze óf yn piksels of as in persintaazje (relatyf oan de blêder finster grutte).
Prescribing in bepaalde yndikator, dan moatte betelje bysûnder omtinken oan it ûntwerp. Neidat mei opjefte fan it parameter te gean teken "gelikense", wêrnei yn skrapkes wiist op in foarbeskaaide wearde.
As foar de kleur fan 'e tekst, dan meitsje út it yn' e selde wize as platte tekst yn HTML-formaat.
Foarbyld fan in tabel:
-
; -
; № p / p ; Namme ; - ;
; - 1
; Ivanov ; - ;
- .
parameters rows
Sa ha wy al betocht hoe't om in tafel yn HTML en foarskriuwe syn wichtichste parameters. Mar wat as wy moatte kennen in tekenrige? Check out har net as it wichtichste orgaan fan 'e tafel?
line parameters binne skreaun yn 'e tag
op deselde wize as de gegevens tafel. Om line de neikommende fariabelen kinne wurde definiearre: 1. al bekend om jimme de grins, bordercolor en bgcolor.
2. Rjochtsje - align tekst yn 'e line. It kin ynsteld wurde om lofts, sintrum en rjochts.
3. size - de tag aligns de tekst fertikaal. It duorret de folgjende wearden:
- top - de tekst wurdt ôfstimd oan 'e boppeste grins;
- midden - yn 'e midden;
- bottom - de boaiem râne.
Foarbyld line clearance:
-
; № p / p ; Namme ; - .
parameters sellen
En it lêste wat je moatte betelje omtinken oan dyjingen dy't wolle om te witten hoe't om in tafel yn HTML - de parameters fan yndividuele sellen, sawol normaal en kapitaal. Yn feite, alles wurdt dien yn 'e selde wize as in tafel of rige. De ienige tafoege twa wichtige eleminten:
1. Colspan - Dizze parameter jout it oantal kolommen foar dêr't de sel kin útwreidzje.
2. rowspan - al jout it oantal rigen beset troch dizze sel.
Sûnt it ûntwerp is net oars út 'e prescription line, dan sil net resultearje yn de stekproef koade.
befinings
Meitsje in tafel is net sa dreech as it kin lykje op it earste eachopslach. It wichtichste ding as it skriuwen syn koade - trochsettingsfermogen en omtinken.
As foar hoe te foegjen in tafel yn HTML, dan moat syn koade nûmer is genôch om te kopiearjen en plak it yn it plak fan jo side, dêr't, yn jo miening, moatte wurde pleatst.
Wês net bang te eksperimintearjen, en gau jimme binne perfekt behearsket de technyk fan it meitsjen fan tafels. Good luck!
Similar articles
Trending Now
Newest