Tabel - üks tähtsamaid, kuid samal ajal keeruline elemendid, mis peavad esinema veebilehti. Nende abil on mugav rakendada oluline ja kasulik teave üsna lühidalt. Muidugi, kõige toimetajad mallid, töötades erinevate mootorite sisestada automaatselt tabelit panna oma kodukale või eraldi väljaandena, kuid mis siis, kui veebidisain ressurss, selle lehed on loodud nullist? Siis algaja master võib saada probleem: kuidas teha tabeli HTML. Vaatame, kuidas kiiresti ja õigesti luua objekt.
valida toimetaja
Esiteks, alustades luua tabel, siis tuleb määratleda toimetaja kus te töötate. Muidugi kõige lihtsam viis valida programmi, kus te luua põhi ala kood. Aga see on kõige parem kasutada selleks vana hea märkmik.
Võite küsida, miks sinu elu keeruliseks, sest kui sa seda kõike otse toimetaja, siis tulemus on kohe näha ka, ja isegi küsib programmi kasutada.
Jah, see on tõsi, kuid luua tabel nullist, siis ei ole mitte ainult võimalik põhjalikult uurida põhimõtteliselt selle loomise, aga ka vältida piinlik kirjavigu ja vead aluseks kood. Vahel juhtub, juhus, et kursor liigub alla ja protsessi kirjalikult eksikombel judinad, mis on mõnikord raske leida. Loomine tabeli sülearvuti, saate kopeerida kood ja kleepige see õige koht sinu jaoks.
Algoritm luua tabeli
Et alustada, teha lühike algoritm, kuidas teha tabeli HTML. See on tagada, et saate aru, jada iga samm. Siis analüüsida täpselt, kuidas täita iga esemeid.
Alustame ettevalmistavate meetmete.
1. Joonista skeem paberil imagot.
2. Count ridade arvu ja rakud. Kui mitmel erineval varem - mõtle iga ryadochka eraldi.
3. Määrata arv reas-kaudu rakkude (näiteks «№» raku, "Name" ja t. D.).
4. Kirjutage peamised parameetrid tabelis - värvi, kõrgus ja laius, teksti joondamine - lühidalt, kõik, mis teile tundub sobivam.
Siis minna otse loomise tabelis:
1. Sisestage silte tabelis.
2. Sisestage silte ridade summa põhjal, mida vajate.
3. rida sisestada silte rakkude (tavaline ja suur-), ka summa põhjal, mis on salvestatud paberil.
4. Seadke parameetrid kogu tabel.
5. Kui teil on vaja määrata parameetrid üksikute rakkude.
6. Täitke meie rakkude teksti.
luua tabel
Niisiis, valid toimetaja, nüüd vaatame, kuidas luua tabeli HTML. Tag, mis võimaldab tabelis (
) sisestatakse lehe koodi sidumist, mis on meie ehitus algab see silt ja lõpeb .
Sisestamine silte tabeli jätkata luua rida ja rakud.
Nüüd pange tähele, et need elemendid on ka seotud. Tag
määratleb string ja | - rakke.
Kõrgema rakud tuleks kasutada paaris elemendid | .
Nagu juba mainitud, esimene samm on tõmmata joon, siis kui nad on kantud raku. Et vältida segadust, siis on soovitav teha mis tahes padding vahel iga ploki või kaks rida, või muidu välja kirjutada uus plokkelementidest abil "Tab" klahvi.
Kuidas see välja näeb? Midagi sellist:
- ;
-
; -
№ p / p ; -
Nimi ; - ;
-
; -
| 1 | ; -
Ivanov ; - ;
- .
Nagu näete, midagi keeruline midagi. Peaasi - ei kao ridade arvu ja rakud. Vastasel juhul kallutada.
Oleme lahti luua tabeli HTML, nüüd saame liikuda edasi parameetrid nii Matrix ja selle ridade ja rakud.
tabeli valikud Kui kood on kirjutatud, on vaja pöörata tähelepanu järgmistele punktidele: vastavusse viimine tabeli HTML, värvi piiride, tausta, teksti ja nii edasi.
Parameetrid on määratletud tabelis tag . Nende hulka kuuluvad:
1. Border - piiri laius. Määratletakse täisarv. Vaikimisi tahes tabeli piirid kaovad.
2. BorderColor - värvi piiri. See võib anda kuueteistkümnendsüsteemi värvi (# 00008B) ja tema nime angliykom (Tumesinine). Vaikimisi on see alati hall.
3. bgcolor - taustavärvi. Nagu täpsustatud koodi või nimega.
4. Viia - viia teksti tabeli. Vaikimisi - vasakul. Seal on järgmised võimalused selle parameetri:
- vasakul - paremal wrap;
- -obtekanie paremalt vasakule;
- keskus - väljund tabeli keskel ei voola.
5. Laius ja kõrgus - laius ja kõrgus tabeli. See võib olla kas pikslit või protsentides (võrreldes brauseriakna suuruse).
Väljakirjutamine konkreetse näitaja, siis peaks pöörama erilist tähelepanu disain. Pärast täpsustades parameetri minna märk "võrdne", mille järel jutumärkides näitab etteantud väärtuse.
Nagu teksti värvi, siis teha läbi see samamoodi nagu tavaline tekst HTML-vormingus.
Näide tabeli:
- ;
-
; -
№ p / p ; -
Nimi ; - ;
-
; -
| 1 | ; -
Ivanov ; - ;
- .
parameetrid rida Nii et me oleme juba aru saanud, kuidas teha tabeli HTML ja kirjutada oma peamised parameetrid. Aga mis siis, kui meil on vaja eraldada string? Kontrollige oma mitte nii põhiosa tabelis?
Parameetrid on kirjutatud tag | samamoodi nagu andmete tabelis. Vooderdada järgmised muutujad saab määratleda:
1. Juba tuntud teile piiri, border ja bgcolor.
2. Viia - teksti joondada real. Seda saab määrata vasakule, keskele ja paremale.
3. Valign - tag viib teksti vertikaalselt. See võtab järgmised väärtused:
- top - teksti on joondatud ülemise piiri;
- keskel - keskel;
- alt - alumine serv.
Näide line vahekaugus:
-
; -
№ p / p ; -
Nimi ; - .
parameetrid rakud Ja viimane asi, mida sa peaksid pöörama tähelepanu neile, kes soovivad teada, kuidas teha tabeli HTML - parameetrid üksikute rakkude, nii tavaline ja kapitali. Tegelikult tehakse kõike samamoodi nagu tabeli või rida. Ainus lisatakse kaks olulist elementi:
1. colspan - See parameeter määrab veergude arvu, mida rakk võib pikendada.
2. rowspan - juba näitab, mitu rida hõivatud lahtri.
Kuna disain ei erine retsepti rida, see ei too kaasa proovi kood.
järeldused Tee tabel ei ole nii raske kui see võib tunduda esmapilgul. Peaasi, kui kirjalikult oma koodi - sihikindlus ja tähelepanu.
Nagu kuidas sisestada tabeli HTML, siis selle kood on piisavalt kopeerida ja kleepida koht oma lehele, kus on teie arvates tuleks asetada.
Ärge kartke eksperimenteerida ja peagi olete täiesti õppinud tehnikat luua tabeleid. Õnn kaasa!
| |
| | |
| | | |
|