TölvurHugbúnaður

Notkun HTML í töflu

Í HTML eru svo margir þættir, og hver þeirra er einstök á sinn hátt. Borðið er mjög áhugavert, krafist og alvarlegt mótmæla. Þökk sé því að þú getur ekki aðeins veitt upplýsingar á þægilegan hátt, heldur einnig að byggja upp alla ramma vefsvæðisins.

Áður notuðu næstum allir vefstjóra töflur fyrir uppsetningu á vefsvæðum. Upphaflega voru töflur fyrir þetta ekki fundin upp. Þess vegna, til að merkja upp síðuna, þarftu að nota blokkar div frumefni.

Ef þú vilt ekki alltaf vera nýliði, venjast því að gera allt sem er rétt strax. Þetta er mjög mikilvægt í HTML. Í töflunni þarftu aðeins að setja venjulegar upplýsingar (texti, tenglar, listar, myndir, osfrv.) Og ekki alla síðuna.

Hvernig á að búa til HTML töflu?

Borð er flókið frumefni, sem samanstendur af mörgum öðrum þáttum. Mundu að þegar þú býrð til frumur eða raðir ættir þú alltaf að setja lokunarmerki í einu. Annars mun allt fljúga í burtu. Handhafarinn í vafranum mun líta til loka frumefnisins og þar til hann kemst að því mun allt innifalið í töflunni. Niðurstaðan verður hafragrautur.

Ef þú skrifar síðuna í "Notepad", þá verður þú að gera allt með höndum þínum. Ef í fullgerðu ritlinum eru venjulega hnappar - "settu inn borð", "settu inn mynd" og svo framvegis.

Dæmi um töflu 2 til 2.

og merkin eru upphaf og lok línunnar. Í einum línu geta verið eins mörg frumur og skilgreind eru með merkin, er viðbótar

texti fyrsta frumefnis fyrstu línu

texti seinni frumefnis fyrstu línu

textinn í fyrsta reit annarrar línunnar

textinn í annarri reit annarrar línunnar

Töflurnar og gefa til kynna upphaf og lok töflunnar.

og merkjunum.

Meginreglan: fjöldi frumna í hverri línu ætti að vera sú sama. Það er borð.

En eins og í Word og Excel ritstjóri, hægt er að sameina frumur við hvert annað.

Hvernig sameinast frumur í borði?

Til að sameina skaltu nota eiginleika Colspan og Rowspan. Span þýðir sem "faðma" eða "skarast". Bókstafleg merking er að ná yfir / ná yfir frumur / línur.

Til að meta þessa eiginleika þarftu að tilgreina hversu margar raðir eða frumur verða lokaðar. Eftirfarandi er gott dæmi um að nota bæði HTML eiginleika í töflu.

Í þessu dæmi, á fyrstu línunni, voru 3 frumur sameinuð með colspan = "3" eiginleiki. Síðan var fyrsti reiturinn í annarri röðinni rétti í fjórar línur. Mundu að við teygjum / sameinast aðeins í fyrsta reitnum. Eign hennar verður lengd lengra. Allt sem fer áður verður ekki fyrir áhrifum.

Ef þú hefur 5 frumur og vilt sameina frá 2 til 4 þarftu bara að tilgreina colspan = "3" eiginleiki í klefi númer 2.

Athugaðu klefi númerið 9 í myndinni hér fyrir ofan. Þar sameinuðu þau bæði frumur og línur í einu. Slíkar aðgerðir eru ekki bönnuð.

Skoðaðu annað dæmi til að laga upplýsingarnar. Vegna þess að sumir rugla saman eiginleika og stundum sameina strengi í stað frumna.

Hönnun borða

Taktu venjulega HTML-staðalinn. Borðið hefur tvær raðir af tveimur frumum hvor.

Niðurstaðan af kóðanum verður sem hér segir.

Eins og þú sérð eru engar áhrif. Þú getur bætt við ramma, tilgreinið breidd og hæð.

Þú getur líka spilað með röðun. Þú getur stillt bæði hæð og breidd.

Stilltu fyrir lárétta röðun og valign fyrir lóðréttri röðun. Hér er niðurstaðan.

Jöfnu og valign eiginleiki er hægt að beita á alla strenginn. Þá munu allir frumurnar sem eru í henni verða fyrir þessum eiginleikum.

Til viðbótar við

og
tagi. Reyndar er þetta hliðstæða , en það er aðeins notað í fyrstu línunni og virkar sem haus. Sjálfgefið er textinn í miðuð og feitletrað.

Hvernig á að tengja stíl við borð?

Eins og allir HTML tags, getur borðið breytt í gegnum stíl. Þú þarft að tilgreina stílskrá í hausnum eða Tilbúinn stíl (einnig tilgreindur í höfuðinu).

...

Tafla {

Font-fjölskylda: Verdana, Arial, Helvetica, sans-serif;

Litur: # 000000;

}

.my_class

{

Litur: # 666666;

}

...

Ef þú tilgreindir bara borð, þá mun þessi stíll gilda um allar töflur á síðunni. Algerlega fyrir alla. En ef þú notar aðra aðferðina, þar sem þú tilgreinir handahófskennt nafn með tímabili, þá er hægt að nota þessa stíl við hvaða borð sem er, án þess að hafa áhrif á aðra.

Athugaðu að þú getur notað flokkar fyrir bæði töflumerkið og fyrir tiltekna reit eða röð.

texti fyrsta frumefnis fyrstu línu

textinn í annarri reit fyrstu línu

textinn í fyrsta reit annarrar línunnar

textinn í annarri reit annarrar línunnar

Ef villan er einhvers staðar í stílheitinu muntu ekki sjá niðurstöðurnar. Ef það eru mistök í stílinu sjálfu, en nöfnin samanstendur, verður engin áhrif. Hvert kommu eða ristill er mikilvægt.

Viðbótarupplýsingar eiginleiki fyrir töflur

Hvaða eiginleiki er hægt að skrifa í stílflokka? There ert a einhver fjöldi af eiginleikum sem eiga við um töflur. Hugsaðu um grundvallaratriði sem þú þarft.

Samræma

Lárétt aðlögun

Valign

Lóðrétt röðun

Bakgrunnur

Bakgrunnsmynd í klefi / töflu

Bgcolor

Bakgrunnslitur í klefi

Bordercolor

Borð / klefi landamæris litur

Hæð

Cell hæð

Nowrap

Bannar að flytja texta í línu.

Breidd

Breidd klefi / borð

Eins og þú sérð getur þú notað HTML í töflunni með miklum fjölda "verkfæra".

Fallegt búið til með HTML töflum. Dæmi

Þökk sé stílunum er hægt að búa til ýmsar fallegar töflur. Það fer allt eftir því sem þú vilt og hvernig. Það er eins og að elda. Innihaldsefni eru þau sömu, en það eru fullt af uppskriftum.

Eins og þú getur séð, ef þú notar HTML tög, getur töflunni umbreytt án viðurkenningar. Möguleikarnir eru ákvörðuð af ímyndunaraflið.

Similar articles

 

 

 

 

Trending Now

 

 

 

 

Newest

Copyright © 2018 is.unansea.com. Theme powered by WordPress.