Table - een van die belangrikste, maar terselfdertyd komplekse elemente wat teenwoordig is op die web bladsye moet wees. Met hul hulp is dit gerieflik om 'n belangrike en nuttige inligting toe te pas in 'n eerder bondige vorm. Natuurlik, die meeste redakteurs in templates, werk op verskillende enjins, outomaties voeg 'n tafel in jou webblad of afsonderlike publikasie, maar wat as die web ontwerp hulpbron, is die bladsye van nuuts af geskep? hoe om 'n maak: dan kan die beginner meester 'n probleem kry tafel in HTML. Kom ons kyk hoe vinnig en die item korrek te skep.
kies redakteur
In die eerste plek, begin om 'n tafel te skep, moet jy die redakteur in wat jy sal werk definieer. Natuurlik, die maklikste manier om die program waarin jy 'n basiese webwerf kode skep kies. Maar dit is die beste om te gebruik vir hierdie doel die goeie ou notaboek.
Jy mag vra, hoekom bemoeilik jou lewe, want as jy alles reg in die editor, dan is die gevolg kan word onmiddellik gesien, ook, en selfs vra die program om te gebruik.
Ja, dit is waar, maar om 'n tafel van nuuts af te skep, sal jy nie net in staat wees om die beginsel van die skepping deeglik ondersoek, maar ook om 'n verleentheid spelfoute en foute in die onderliggende kode voorkom. Soms gebeur dit per toeval dat die wyser beweeg af, en die proses van die skryf van kode in fout kruip in, wat is soms moeilik om te vind. Die skep van 'n tafel in 'n notaboek, kan jy die kode kopieer en plak dit in die regte plek vir jou.
Die algoritme vir die skep van die tafel
Om mee te begin, maak 'n kort algoritme, hoe om 'n tafel te maak in HTML. Dit is om te verseker dat jy die volgorde van elke stap verstaan. analiseer dan presies hoe om elkeen van die items uit te voer.
Kom ons begin met die voorbereidende aksies.
1. Teken die skematiese beeld papier tafel op.
2. Tel die aantal rye en selle. As die aantal verskillende verlede - dink aan elke ryadochka afsonderlik.
3. Bepaal die aantal in die ry-kop selle (byvoorbeeld «№» sel, "Naam" en t. D.).
4. Skryf die belangrikste parameters van die tafel - die kleur, hoogte en breedte, teks belyning - in kort, alles wat jy fiks lyk.
gaan dan direk na die skepping van die tafel:
1. Plaas die etikette tafel.
2. Voeg die etikette van lyne wat gebaseer is op die bedrag wat jy nodig het.
3. Die rye voeg tags van selle (normale en hoofletters), ook op grond van die bedrag wat aangeteken op papier.
4. Stel die parameters vir die hele tafel.
5. As jy nodig het om parameters vir individuele selle stel.
6. Vul in ons sel teks.
skep 'n tafel
So, jy kies redakteur, nou kom ons kyk na hoe om 'n tafel in HTML skep. Tag dat tafel laat (
) is opgeneem in die bladsy-kode is gekoppel, dit is, ons bou begin met hierdie merker en eindig met table>.
Invoeging van die etikette tafel, voortgaan om rye en selle te skep.
Nou, ons daarop let dat hierdie elemente ook gepaar. Tag
definieer 'n string, en - selle.
Vir boonste-selle moet gebruik word saam elemente .
Soos reeds genoem, is die eerste stap om 'n streep te trek, dan moet hulle sel registreer. Ten einde verwarring te voorkom, is dit raadsaam om enige padding tussen elke blok doen in 'n lyn of twee, of anders om 'n nuwe blok elemente met behulp van die sleutel "Tab" voorskryf.
Hoe kan dit lyk? Iets soos hierdie:
-
; -
; - № p / p ste>;
- Naam ste>;
- Tr>;
-
; -
1 | ; -
Ivanov td>; - Tr>;
- Table>.
Soos jy kan sien, niks ingewikkeld oor dit. Die belangrikste ding - nie verlore raak in die aantal rye en selle. Anders, is die tafel gekantel.
Ons is uitmekaar gehaal om 'n tafel te skep in HTML, nou kan ons aanbeweeg na die parameters van beide die Matrix en sy rye en selle.
tafel Options Wanneer die kode is geskryf, is dit nodig om aandag te skenk aan die volgende punte: belyning in die tabel die HTML, die kleur van die grense, agtergrond, teks, en so aan.
Die parameters word in die tabel tag . Dit sluit in:
1. Grens - die breedte grens. Gedefinieer deur 'n heelgetal. By verstek, enige tafel grense verdwyn.
2. Bordercolor - die kleur van die grens. Dit kan gegee word as heksadesimale kleur (# 00008B), en sy naam op angliykom (Donkerblauw). By verstek, is dit altyd grys.
3. Bgcolor - agtergrond. Soos voorgeskryf deur kode of naam.
4. Rig - teks vir die tafel. Standaard - aan die linkerkant. Daar is die volgende opsies vir hierdie parameter:
- links - regs draai;
- -obtekanie reg aan die linkerkant;
- sentrum - die uitset tafel in die middel met geen vloei.
5. breedte en hoogte - breedte en hoogte van die tafel. Dit kan óf in pixels of as 'n persentasie (relatief tot die venster grootte).
Voorskryf 'n bepaalde aanwyser, moet jy veral aandag skenk aan die ontwerp. Na spesifiseer die parameter om teken "gelyk", waarna in aanhalings dui op 'n voorafbepaalde waarde gaan.
Soos vir die kleur van die teks, maak dan uit dit op dieselfde manier as gewone teks in HTML-formaat.
Voorbeeld van 'n tabel:
-
; -
; - № p / p ste>;
- Naam ste>;
- Tr>;
-
; -
1 | ; -
Ivanov td>; - Tr>;
- Table>.
parameters rye So het ons reeds uitgepluis het hoe om 'n tafel te maak in HTML en sy belangrikste parameters voor te skryf. Maar wat as ons nodig het om 'n string te ken? Kyk bietjie na haar nie as die belangrikste liggaam van die tafel?
line parameters is geskryf in die tag | op dieselfde manier as die datatabel. Te reël die volgende veranderlikes kan gedefinieer word:
1. Reeds aan u bekend die grens, bordercolor en bgcolor.
2. Rig - teks in die lyn. Dit kan ingestel word om links, middel en regs.
3. valign - die tag bring die teks vertikaal. Dit neem die volgende waardes:
- top - die teks is in lyn met die boonste grens;
- middel - in die middel;
- bodem - die onderkant.
VOORBEELD lyn klaring:
-
; - № p / p ste>;
- Naam ste>;
- Tr>.
parameters selle En die laaste ding wat jy moet aandag gee aan diegene wat wil weet hoe om 'n tafel in HTML maak - die parameters van individuele selle, beide normale en kapitaal. Trouens, alles gedoen word op dieselfde manier as vir 'n tafel of ry. Die enigste twee belangrike elemente bygevoeg:
1. colspan - Hierdie parameter bepaal die nommer van kolomme waarvoor die sel mag uit te brei.
2. Rowspan - dui reeds die aantal rye beset deur hierdie sel.
Sedert die ontwerp is geen verskil tussen die voorskrif lyn, sal dit nie lei tot die voorbeeld kode.
bevindings Maak 'n tafel is nie so moeilik soos dit mag lyk met die eerste oogopslag. Die belangrikste ding in die skryf van sy kode - deursettingsvermoë en aandag.
Soos vir hoe om 'n tafel te plaas in HTML, dan is sy kodenommer is genoeg om te kopieer en plak dit in die plek van jou bladsy, waarin, na jou mening, moet geplaas word.
Moenie bang wees om te eksperimenteer, en kort voor lank jy perfek bemeester die tegnieke van die skep van tabelle. Sterkte!
|
| |
|