Tafla - ein af mikilvægustu, en á sama tíma flókin atriði sem verða að vera til staðar á vefsíðum. Með hjálp þeirra er þægilegt að beita mikilvægar og gagnlegar upplýsingar í frekar knöppu formi. Auðvitað, flestir ritstjórar í sniðmát, að vinna á mismunandi vélar, sjálfvirkan hátt að setja töflu inn í vefsíðuna þína eða aðskildu útgáfu, en hvað ef hönnun vefur auðlind, eru síðurnar búin til frá grunni? Þá nýliði skipstjóri getur fengið vandamál: hvernig á að gera töflu í HTML. Við skulum sjá hversu fljótt og rétt að búa hlutinn.
velja ritstjóri
Fyrst af öllu, byrja að búa til töflu, ættir þú að skilgreina ritstjóri sem þú verður að vinna. Að sjálfsögðu er auðveldasta leiðin til að velja forrit sem þú býrð a undirstöðu síða kóða. En það er best að nota í þessu skyni gamla góða skrifblokk.
Þú getur beðið, hvers vegna flækja líf þitt, því ef þú gerir allt rétt í ritstjóri, þá má strax niðurstaðan líka, og jafnvel hvetja forritið til að nota.
Já, það er satt, en að búa til töflu frá grunni, þú munt ekki einungis að vera fær um að rækilega rannsaka meginregluna um sköpun hennar, en einnig til að koma í veg fyrir vandræðaleg innsláttarvillur og villur í undirliggjandi kóða. Stundum gerist það tilviljun að bendillinn færist niður, og ferlið við að skrifa kóðann fyrir mistök skríða í, sem stundum er erfitt að finna. Búa til borð í minnisbók, er hægt að afrita kóðann og líma það á réttum stað fyrir þig.
The reiknirit til að búa til töflu
Til að byrja, gera stutta reiknirit, hvernig á að gera töflu í HTML. Þetta er til að tryggja að þú skiljir röð hverju skrefi. Þá greina nákvæmlega hvernig á að framkvæma hvert atriði.
Við skulum byrja með undirbúnings aðgerðum.
1. Teiknið aðaldráttum á pappír borð myndina.
2. Telja fjölda lína og frumur. Ef fjöldi mismunandi fortíð - heldur hvers ryadochka sig.
3. Ákvarða fjölda sem eru í röðinni-header frumum (td, «№» frumuna, "nafni" og t. D.).
4. Skrifaðu niður helstu breytum borðið - lit, hæð og breidd, Textastilling - í stuttu máli, allt sem þú virðist passa.
Þá fara beint til stofnunar á töflunni:
1. Settu tags borð.
2. Settu merkin línur byggist á upphæðinni sem þú þarft.
3. raðir setja merkingar á frumum (venjulegar og hástafi), einnig á grundvelli þeirrar fjárhæðar sem hafa skráð á pappír.
4. Setja breytur fyrir allt borðið.
5. Ef þú þarft að setja breytur fyrir hverja einingu.
6. Fylltu í texta okkar klefi.
búa til töflu
Svo, þú velur ritstjóri, nú skulum við líta á hvernig á að búa til töflu í HTML. Merki sem gerir borð (
) er sett inn í kóða er parað, það er, bygging hefst með þetta merki og endar með table>.
Innsetning merkjunum borð, halda áfram að búa til raðir og frumur.
Nú, athugaðu að við að þessir þættir eru einnig pöruð. Tag
skilgreinir a band, og | - frumur.
Fyrir efri-frumur ætti að vera notað fyrir pöruð frumefni | .
Eins og áður hefur komið fram, fyrsta skrefið er að draga línu, þá hafa þeir að skrá sig klefi. Í því skyni að koma í veg fyrir rugling, er það ráðlegt að gera allar padding milli hverri blokk í línu eða tvær, eða annað til að ávísa nýja blokk þætti með því að nota "Tab" lykilinn.
Hvernig getur það líta út? Eitthvað eins og þetta:
-
; -
; -
№ p / p th>; -
Name th>; - Tr>;
-
; -
| 1 | ; -
Ivanov td>; - Tr>;
- Table>.
Eins og þú geta sjá, ekkert flókið um það. The aðalæð hlutur - ekki týnast í fjölda lína og frumur. Annars borðið er hallað.
Við erum sundur til að búa til töflu í HTML, nú getum við fært um að breytum bæði Matrix og raðir þess og frumur.
borð Options Þegar kóðinn er skrifaður, það er nauðsynlegt að borga athygli á eftirfarandi atriði: jöfnun á töflunni í HTML, lit landamæra, bakgrunn, texta, og svo framvegis.
The breytur eru tilgreind eru í töflunni skipunin . Meðal þeirra eru:
1. Border - breidd ramma. Skilgreint af heila tölu. Sjálfgefið, allir töflurammar hverfa.
2. BORDERCOLOR - lit á landamærum. Það er hægt að gefa sem sextándukerfisformi lit (# 00008B), og nafn hans á angliykom (DarkBlue). Sjálfgefið, það er alltaf grátt.
3. bgcolor - bakgrunnslit. Eins og tilgreint er með kóða eða heiti.
4. Jöfnun - samræma texta fyrir borð. Default - vinstri. Það eru eftirfarandi möguleikar fyrir þessa breytu:
- vinstri - hægri hula;
- -obtekanie réttur til vinstri;
- centre - framleiðsla borð í miðjunni án flæði.
5. Breidd og hæð - breidd og hæð í töflunni. Það getur verið annaðhvort í pixlum eða sem hundraðshluta (miðað við gluggastærð).
Ávísun ákveðna vísbendingu, ættir þú að borga sérstaka athygli á hönnun. Eftir að skilgreina breytu til að fara skilti "jafna", eftir innan gæsalappa sýnir fyrirfram ákveðnu gildi.
Eins og fyrir lit textans, þá gera út það á sama hátt og venjulegur texti í HTML-sniði.
Dæmi um töflu:
-
; -
; -
№ p / p th>; -
Name th>; - Tr>;
-
; -
| 1 | ; -
Ivanov td>; - Tr>;
- Table>.
breytur raðir Þannig að við höfum nú þegar mynstrağur út hvernig á að gera borð í HTML og mæla helstu breytur hennar. En hvað ef við þurfum að úthluta streng? Skoðaðu hana ekki sem meginmáli borðinu?
lína breytur eru skrifuð í merkinu | á sama hátt og gagnatöflunni. Til að stilla eftirfarandi breytur er hægt að skilgreina:
1. Þegar vitað er að þér landamæri, BORDERCOLOR og bgcolor.
2. Jöfnun - samræma texta í línu. Það er hægt að stilla til vinstri, miðju og hægri.
3. valign - merkjaágiskarinn færir textann lóðrétt. Það tekur eftirfarandi gildi:
- toppur - textinn lítur á efri mörk;
- miðja - í miðju;
- botn - neðsta brún.
DÆMI lína úthreinsun:
-
; -
№ p / p th>; -
Name th>; - Tr>.
breytur frumur Og það síðasta sem þú ættir að borga eftirtekt til þeirra sem vilja vita hvernig á að gera töflu í HTML - breytur einstakra frumna, bæði eðlilegt og fjármagn. Í raun, allt er gert á sama hátt og fyrir borð eða röð. Eina bætti tvö mikilvæg atriði:
1. colspan - Þessi færibreyta tilgreinir fjölda dálka sem fruman er heimilt að framlengja.
2. Rowspan - þegar gefur til kynna fjölda lína uppteknum með þessari einingu.
Þar sem hönnun er ekkert frábrugðið lyfseðilsskyld lína, það mun ekki leiða til þess að kóða sýnishorn.
niðurstöður Gera a borð er ekki eins erfitt og það kann að virðast við fyrstu sýn. The aðalæð hlutur þegar þú skrifar kóðann sinn - þrautseigju og athygli.
Eins og fyrir hvernig á að setja inn töflu í HTML, þá er kenninúmer sitt nóg til að afrita og líma það inn í stað á síðunni, þar sem, að þínu mati, ætti að vera komið.
Ekki vera hræddur við að prófa, og brátt þú ert fullkomlega valdi á tækni búa töflur. Gangi þér vel!
| |
| | |
| | | |
|