Si të konfiguroni telefonat inteligjentë dhe PC. Portali informativ

Etiketat e qelizave. Atributet dhe vetitë dhe

25.04.2019 Siguria
përdoret për të krijuar një tabelë.

Atributet:

gjerësia - gjerësia e tabelës në piksel ose në % në lidhje me gjerësinë e dritares së shfletuesit.

lartësi - lartësia e tabelës në piksel ose në % në lidhje me gjerësinë e dritares së shfletuesit (lartësia zakonisht llogaritet automatikisht, kështu që nuk rekomandohet ta ndryshoni atë).

align - shtrirje tavoline.

majtas - shtrirja majtas e tabelës.

djathtas - shtrirja e djathtë e tabelës.

qendër - shtrirje qendrore e tabelës.

kufiri - gjerësia e kufirit të tabelës në piksel.

Hapësira e qelizave - distanca midis qelizave ngjitur në piksel (parazgjedhja = 2).

cellpadding - distanca midis përmbajtjes së qelizës dhe kufirit të saj në piksel (parazgjedhja=1).

bgcolor- ngjyrë e sfondit tabelat.

sfond - imazh i sfondit për tabelën.

bordercolor - ngjyra e të gjitha linjave të kufirit të tabelës.

Enë përdoret për të krijuar një rresht tabele.

Enë përdoret për të krijuar një kokë për një kolonë tabele.

Enë përdoret për të krijuar një qelizë tabele.

Atributet

gjerësia - gjerësia e qelizës në piksel ose në % në lidhje me gjerësinë e dritares së shfletuesit (për nuk aplikohet).

lartësi - lartësia e qelizës në piksel ose në % në lidhje me gjerësinë e dritares së shfletuesit (për nuk aplikohet).

align - rreshtim qelizash.

majtas - rreshtimi majtas i qelizës.

djathtas - shtrirja në qelizë në të djathtë.

qendër - shtrirje në qelizë në qendër.

valign - shtrirje vertikale e përmbajtjes së qelizës.

rreshtimi lart - lart i qelizës.

fund - shtrirje në skajin e poshtëm të qelizës.

mes - shtrirje në mes të qelizës.

bgcolor - ngjyra e sfondit të qelizës.

sfond - imazhi i sfondit për qelizën.

bordercolor - ngjyra e të gjitha linjave kufitare të qelizave.

colspan - numri i qelizave që do të bashkohen me kolona (për nuk aplikohet).

shtrirja e rreshtave - numri i qelizave që do të bashkohen me rreshta (për nuk aplikohet).

Kodi si ky:


















kokë
Zag 1 Zag 2 Zag 3
1 2 3
4 5 6

Do të japë këtë rezultat.

Një detyrë

Krijoni një tabelë dhe specifikoni parametrat e saj (kufijtë dhe hapësirat midis qelizave) përmes stileve.

Zgjidhje

Një tabelë përbëhet nga rreshta dhe kolona qelizash që mund të përmbajnë tekst dhe grafikë. Etiketa përdoret për të shtuar një tabelë në një faqe interneti.

. Ky element shërben si një enë për elementet që përcaktojnë përmbajtjen e tabelës. Çdo tabelë përbëhet nga rreshta dhe qeliza, të cilat vendosen përkatësisht duke përdorur etiketat Dhe krijon linjë e re. Tjetra në fole
. Tabela duhet të përmbajë të paktën një qelizë (shembulli 1). Lejohet në vend të etiketës përdor etiketën . Teksti në një qelizë të stiluar me një etiketë , dhënë nga shfletuesi në font të guximshme dhe rreshtuar në qendër të qelizës. Përndryshe, ndryshimet midis qelizave krijohen përmes etiketave Dhe nr.

Shembulli 1: Krijoni një tabelë

HTML5 IE Cr Op Sa Fx

etiketë tavoline

Qeliza 1 Qeliza 2
Qeliza 3 Qeliza 4

Rregullimi i qelizave dhe pamja e tyre është paraqitur në fig. një.

Oriz. 1. Rezultati i krijimit të një tabele me katër qeliza

Atributi kufitar i etiketës

mund të shtohet vetëm me vlerë boshe (
) ose e barabartë me 1. Të gjitha vlerat e tjera dështojnë në vërtetimin.

Për të kontrolluar fushat brenda qelizave, përdoret një stil. pronë e mbushjes, i cili shtohet në përzgjedhësin td. Hapësira ndërmjet qelizave ndryshohet nga vetia e ndarjes kufitare (shembulli 2) e shtuar në përzgjedhësin e tabelës, IE e kupton atë vetëm nga versioni 8.0.

Shembulli 2: Margjinat brenda qelizave

HTML5 CSS 2.1 IE Cr Op Sa Fx

etiketë tavoline

Kreu 1Kreu 2
Qeliza 3Qeliza 4

Tabela me fushat dhe distancën ndërmjet qelizave është paraqitur në fig. 2. Një rezultat i ngjashëm mund të arrihet me kornizën ngjyrë të bardhë rreth qelizave.

Oriz. 2. Fushat në qelizat e tabelës

është trupi i tryezës. Trupi përbëhet nga rreshta dhe kolona. Tabela plotësohet rresht pas rreshti.

Çdo etiketë

janë krijuar kolonat. Ju mund të krijoni kolona të shumta. Në këtë rast, duhet të monitoroni numrin e kolonave në çdo rresht. Për shembull, nëse rreshti i parë kishte 5 kolona, ​​atëherë rreshtat e mëposhtëm duhet të kenë gjithashtu 5 kolona. Përndryshe, tabela do të notojë. Është e mundur të bashkohen qelizat.

Si të bëni një tabelë në html

Le të marrim një shembull, kodi html:

Shembull i tabelës
Kolona 1 Kolona 2

Kushtojini vëmendje qelizës

. Ne përdorim atribut i veçantë colspan për të shtrirë qelizat horizontalisht. Vlera e saj numerike specifikon numrin e kolonave për t'u bashkuar. Ekziston edhe një analog i këtij atributi: etiketa (kreu i tabelës), ku duhet të shkruani edhe colspan. Rezultati do të jetë i njëjtë. Por shpesh ata përdorin një td të rregullt.

Tani le të shohim në detaje të gjitha atributet e etiketës.

.

Etiketoni atributet dhe vetitë

Për hapjen e etiketës

Ju mund të shtoni atribute të ndryshme.

1. Property align="parameter" - vendos shtrirjen e tabelës. Mund të marrë vlerat e mëposhtme:

Në shembullin e mësipërm, ne e vendosëm tabelën në qendër me align="center" .

Ky atribut mund të aplikohet jo vetëm në tabelë, por edhe në qelizat individuale të tabelës.

. Kështu, në qeliza të ndryshme rreshtimi do të jetë i ndryshëm.

Për shembull

, , , ose
  • cols - vija shfaqet midis kolonave
  • asnjë - të gjithë kufijtë janë të fshehur
  • rows - kufiri vizatohet ndërmjet rreshtave të tabelës të krijuara përmes etiketës

    • 12. Vetia width="number" - përcakton gjerësinë e tabelës: qoftë në pixel ose në përqindje.

    13. Property class="class_name" - mund të specifikoni emrin e klasës së cilës i përket tabela.

    14. Property style="styles" - stilet mund të vendosen individualisht për secilën tabelë.

    Tani është koha për të zhytur brenda tabelës dhe për të parë atributet e qelizave të tabelës. Këto atribute duhet të shkruhen në etiketën hapëse.

    Dhe Të njëjtat opsione janë në dispozicion si për do të zbatohet në mënyrë hierarkike për të gjithë
    ose linjat
    ... ... ...

    2. Sfondi i pronës = "URL" - vendos foto sfondi. Në vend të një URL, adresa e imazhit të sfondit duhet të shkruhet.

    Shembull

    Shembull i tabelës
    Kolona 1 Kolona 2

    Transformohet në faqe në sa vijon:

    Në shembullin e mësipërm, imazhi ynë i sfondit ndodhet në dosjen img (i cili është në të njëjtën direktori me faqen html) dhe imazhi quhet fon.gif. Vini re se në etiketën kemi shtuar style="color:white;" . Meqenëse sfondi është pothuajse i zi, në mënyrë që teksti të mos përzihet në sfond, ne e bëmë tekstin të bardhë.

    3. Vetia bgcolor="color" - vendos ngjyrën e sfondit të tabelës. Si ngjyrë, mund të zgjidhni cilindo nga të gjithë paletën (shih kodet dhe emrat e ngjyrave html)

    4. Property border="number" - cakton trashësinë e kornizës së tabelës. Në shembujt e mëparshëm, ne specifikuam border="1" , që do të thotë se kufiri është 1 pixel i trashë.

    5. Vetia bordercolor="color" - vendos ngjyrën e kufirit. Nëse border="0" , atëherë nuk do të ketë kufi dhe ngjyra e kufirit nuk do të ketë kuptim.

    6. Property cellpadding="number" - mbushja nga korniza në përmbajtjen e qelizës në pixel.

    7. Propertycellpacing="number" - distanca ndërmjet qelizave në pixel.

    8. Vetia cols="number" - numri i kolonave. Nëse nuk e vendosni, atëherë shfletuesi do të përcaktojë numrin e kolonave. Dallimi i vetëm është se specifikimi i këtij parametri ka shumë të ngjarë të shpejtojë ngarkimin e tabelës.

    9. Property frame="parameter" - si të shfaqen kufijtë rreth tabelës. Mund të marrë vlerat e mëposhtme:

    • i pavlefshëm - mos vizatoni kufij
    • kufi - kufiri rreth tryezës
    • sipër - kufiri përgjatë skajit të sipërm të tabelës
    • më poshtë - kufiri i poshtëm i tabelës
    • hsides - shtoni vetëm kufijtë horizontalë (sipër dhe fund të tabelës)
    • vsides - vizatoni vetëm kufijtë vertikalë (në të majtë dhe në të djathtë të tabelës)
    • rhs - vetëm në kufi anën e djathtë tabelat
    • lhs - kufiri vetëm në anën e majtë të tabelës

    10. Vetia height="number" - cakton lartësinë e tabelës: qoftë në pixel ose në përqindje.

    11. Rregullat e vetive = "parametër" - ku të shfaqen kufijtë midis qelizave. Mund të marrë vlerat e mëposhtme:

    • të gjitha - një vijë është tërhequr rreth çdo qelize të tabelës
    • grupe - vizatohet një vijë midis grupeve të formuara nga etiketat
    .

    Atributet dhe vetitë

    1. Property align="parameter" - vendos shtrirjen e një qelize të veçantë të tabelës. Mund të marrë vlerat e mëposhtme:

    • shtrirje majtas - majtas
    • shtrirje qendër - qendër
    • shtrirje djathtas - djathtas

    2. Property background="URL" - vendos imazhin e sfondit të qelizës. Në vend të një URL, adresa e imazhit të sfondit duhet të shkruhet.

    3. Vetia bgcolor="color" - vendos ngjyrën e sfondit të qelizës.

    4. Vetia bordercolor="color" - vendos ngjyrën e kufirit të qelizës.

    5. Property char="letter" - cakton shkronjën nga e cila duhet të bëhet rreshtimi. Vlera e atributit align duhet të vendoset në char.

    6. Vetia colspan="number" - cakton numrin e qelizave horizontale të bashkuara.

    7. Vetia height="number" - cakton lartësinë e tabelës: qoftë në pixel ose në përqindje.

    8. Vetia width="number" - përcakton gjerësinë e tabelës: qoftë në pixel ose në përqindje.

    9. Property rowspan="number" - cakton numrin e qelizave vertikale që do të bashkohen.

    10. Vetia valign="parametër" - shtrirje vertikale e përmbajtjes së qelizës.

    • lart - rreshtoni përmbajtjen e qelizës në krye të rreshtit
    • shtrirje mes - mes
    • shtrirje fund - fund
    • bazë - shtrirje bazë
    Shënim 1

    Për Tag

    . Opsione për një etiketë të vetme
    brenda saj

    Si të parandaloni ngjitjen e kufijve të qelizave së bashku në një tabelë

    Në rastin e përdorimit të kufirit (kufirit të qelizës) dhe mbushjes zero midis qelizave, ato janë ende të ngjitura së bashku dhe fitohet një kufi i dyfishuar. Për të shmangur këtë, ju duhet të stiloni tabelën me kolaps kufiri: collapse :

    ...

    I dashur lexues, tani keni mësuar shumë më tepër rreth etiketa html tabela. Tani ju këshilloj të kaloni në mësimin tjetër.

    Për shkak të shkathtësisë së tabelave, një numër i madh parametrat që kontrollojnë pamjen e tyre, tabelat janë bërë prej kohësh një standard i caktuar për paraqitjen e faqeve në internet. tavolinë me kufi i padukshëm përfaqëson si rrjet modular, në blloqet e të cilave është i përshtatshëm vendosja e elementeve të një faqe interneti. Megjithatë, kjo nuk është plotësisht qasja e duhur, sepse secili objekt HTML i përcaktuar për qëllimet e veta dhe nëse përdoret për qëllime të tjera, dhe kudo, do të thotë se nuk ka alternativa. Kështu ishte kohe e gjate, derisa shtresat të zëvendësojnë tabelat kur shtrohen faqet. Kjo nuk do të thotë që shtresat tani përdoren gjatë gjithë kohës, por tendenca tashmë është përshkruar qartë - tabelat përdoren për të akomoduar të dhënat tabelare dhe shtresat përdoren për paraqitje dhe dizajn.

    Krijo një tabelë

    Një tabelë përbëhet nga rreshta dhe kolona qelizash që mund të përmbajnë tekst dhe grafikë. Tabelat zakonisht përdoren për të organizuar dhe paraqitur të dhëna, por tabelat nuk kufizohen vetëm me kaq. Me ndihmën e tabelave, është e përshtatshme të krijoni paraqitjet e faqeve duke vendosur siç duhet fragmente teksti dhe imazhesh.

    Etiketa përdoret për të shtuar një tabelë në një faqe interneti.

    . Ky element shërben si një enë për elementet që përcaktojnë përmbajtjen e tabelës. Çdo tabelë përbëhet nga rreshta dhe qeliza, të cilat vendosen përkatësisht duke përdorur etiketat Dhe
    . Tabela duhet të përmbajë të paktën një qelizë (shembulli 12.1). Lejohet në vend të etiketës përdor etiketën . Teksti në një qelizë të stiluar me një etiketë , shfaqet nga shfletuesi me shkronja të zeza dhe është në qendër në qelizë. Përndryshe, ndryshimet midis qelizave krijohen përmes etiketave Dhe nr.

    Shembulli 12.1. Krijo një tabelë

    Etiketa TABLE

    Qeliza 1 Qeliza 2
    Qeliza 3 Qeliza 4

    Rregullimi i qelizave dhe pamja e tyre është paraqitur në fig. 12.1.


    Ky leksion hedh një vështrim të detajuar se si përdoren tabelat në shënimin HTML. Ky është një organizim tabelor i tekstit, dhe një rrjet koordinativ tabelor, dhe grafika e organizuar në tabela.

    Mjetet e përshkrimit të tabelave në HTML

    Si Zhvillimi i WWW u bë e qartë se mjetet që janë të ngulitura në HTML nuk janë të mjaftueshme për shfaqje me cilësi të lartë lloje të ndryshme dokumentet. Disavantazhi i HTML ishte mungesa e objekteve të paraqitjes së tabelave në përbërjen e tij. Për këtë qëllim, teksti i paraformatuar (etiketa 

    ), në të cilën tabela ishte e përshkruar me karaktere ASCII.  Por kjo formë e paraqitjes së tabelës nuk mjaftonte Cilesi e larte dhe doli nga stili i përgjithshëm i dokumentit.  Me prezantimin e tabelave në HTML, Webmasters tani nuk kanë vetëm një mjet për vendosjen e tekstit dhe numrave, por një mjet të fuqishëm dizajni për vendosjen e tyre në vendin e duhur ekran grafike dhe teksti.
    

    Krijimi i tabelave në HTML
    

    Etiketa përdoret për të përshkruar tabelat.<ТАВLЕ>.  Etiketë<ТАВLЕ>, si shumë të tjerë, përkthen automatikisht rreshtin para dhe pas tabelës.
    

    Krijimi i një rreshti tabele - etiketë<ТR>
    

    Etiketë<ТR>(Rreshti i tabelës, rreshti i tabelës) krijon një rresht tabele.  I gjithë teksti, etiketat dhe atributet e tjera që duhet të vendosen në një rresht duhet të vendosen midis etiketave lt;TR>..
    

    Përcaktimi i qelizave të tabelës - Etiketa<ТD>
    

    Qelizat me të dhëna zakonisht vendosen brenda një rreshti tabele.  Çdo qelizë që përmban tekst ose imazh duhet të rrethohet me etiketa<ТD>.  Numri i etiketave<ТD>në një rresht specifikon numrin e qelizave
    
 

 
    tabela
    
 
    
 
    
 
    
 Nëse tabela ka dy etiketa TR, atëherë ajo ka dy rreshta.
 
    
 
    
 Nëse ka tre etiketa TD në një rresht,
 pastaj në të
 tre kolona.
 
    
 
    
 
    


 
    Titujt e kolonave të tabelës - etiketa<ТН>
    

    Titujt për kolonat dhe rreshtat e një tabele vendosen duke përdorur etiketën e titullit<ТН>(Tabela Header, header tabela).  Këto etiketa janë si<ТD>.  Dallimi është se teksti është i mbyllur midis etiketave<ТН>, shkruhet automatikisht me shkronja të zeza dhe pozicionohet si parazgjedhje në mes të qelizës.  Mund të zhbëni qendrimin dhe rreshtoni tekstin majtas ose djathtas.  Nëse përdorni<ТD>me etiketë<В>dhe atribut<АLIGN=center>, teksti do të duket gjithashtu si një titull.  Sidoqoftë, mbani në mend se jo të gjithë shfletuesit mbështesin në tabela font të guximshëm, kështu që është më mirë të vendosni titujt e tabelës me<ТН>.
    
 

 
    
 
    
 Titulli është në qendër si parazgjedhje
 Kreu mund të shtrijë kolonat
 
    
 
    
 Kreu mund të vendoset përpara kolonave
 Tekst ose të dhëna
 Tekst ose të dhëna
 
    
 
    
 Kreu mund të bashkojë linjat
 Tekst ose të dhëna
 Tekst ose të dhëna
 
    
 
    
 Tekst ose të dhëna
 Tekst ose të dhëna
 
    
 
    
 Tekst ose të dhëna
 Tekst ose të dhëna
 
    
 
    



    Përdorimi i titujve të tabelës - etiketa<САРТIОN>
    

    Etiketë
    ju lejon të krijoni titujt e tabelave. Si parazgjedhje, titujt përqendrohen dhe vendosen ose sipër (<САРТION АLIGN=top>), ose nën tavolinë (<САРТION ALIGN=bottom>). Titulli mund të përbëhet nga çdo tekst dhe imazh. Teksti do të ndahet në rreshta që korrespondojnë me gjerësinë e tabelës. ndonjëherë tag<САРТION>përdoret për mbishkrimin e figurës. Për ta bërë këtë, mjafton të përshkruani një tabelë pa kufij.

    Titulli sipër tabelës
    Tekst ose të dhëna Tekst ose të dhëna Tekst ose të dhëna Tekst ose të dhëna
    Titulli nën tavolinë
    Tekst ose të dhëna Tekst ose të dhëna Tekst ose të dhëna

    Atributi NOWRAP

    Zakonisht, çdo tekst që nuk përshtatet në një rresht të një qelize tabele shkon në rreshti tjetër. Megjithatë, kur përdorni atributin NOWRAP me etiketa<ТН>ose<ТD>gjatësia e qelizës zgjerohet në mënyrë që teksti i përfshirë në të të përshtatet në një rresht.

    atribut COLSPAN

    etiketa<ТD>Dhe<ТН>modifikohen duke përdorur atributin COLSPAN (Hapësira e kolonës). Nëse dëshironi të bëni ndonjë qelizë më të gjerë se ajo e sipërme ose e poshtme, mund të përdorni atributin COLSPAN për ta shtrirë atë mbi çdo numër qelizash normale.

    Nëse dëshironi të bëni ndonjë qelizë më të gjerë se sipër ose fund, mund të përdorni atributin COLSPAN=2,
    për ta shtrirë atë mbi çdo numër qelizash normale.

    Atributi ROWSPAN

    Atributi ROWSPAN përdoret në etiketa<ТD>Dhe<ТН>, është i ngjashëm me atributin COLSPAN=, me përjashtim të faktit se ai specifikon numrin e rreshtave që do të shtrihet qeliza. Nëse specifikoni një numër më të madh se një në atributin ROWSPAN=s, atëherë numri përkatës i rreshtave duhet të jetë nën qelizën e shtrirë. Nuk mund të vendoset në fund të tabelës.

    Atributi WIDTH

    Atributi WIDTH ka dy përdorime. Mund ta vendosni në një etiketë<ТАВLЕ>për të dhënë gjerësinë e të gjithë tabelës, ose mund të përdoret në etiketa<ТD>ose<ТН>për të vendosur gjerësinë e një qelize ose grupi qelizash. Gjerësia mund të specifikohet në piksel ose në përqindje. Për shembull, nëse vendosni në etiketë<ТАВLЕ>WIDTH=250, ju do të merrni një tabelë të gjerë 250 piksel, pavarësisht nga madhësia e ekranit të faqes. Kur vendosni WIDTH=50% në etiketë<ТАВLЕ>tabela do të marrë gjysmën e gjerësisë së faqes në çdo madhësi të imazhit në ekran. Pra, kur specifikoni gjerësinë e tabelës si përqindje, mbani në mend se nëse përdoruesi ka një pamje të ngushtë, faqja juaj mund të duket pak e çuditshme. Nëse jeni duke përdorur pikselë dhe tabela është më e gjerë se porta e shikimit, një shirit lëvizës do të shfaqet në fund për të lëvizur majtas dhe djathtas përgjatë faqes. Në varësi të detyrave në fjalë, çdo mënyrë e përcaktimit të gjerësisë së tabelës mund të jetë e dobishme.

    Teksti ose të dhënat - 100% gjerësi
    ose
    Teksti ose të dhënat - 50% gjerësi
    ose
    Teksti ose të dhënat - 200 px gjerësi
    ose
    Teksti ose të dhënat - 100 px gjerësi

    Aplikimi i qelizave boshe

    Nëse një qelizë nuk përmban të dhëna, ajo nuk do të ketë kufij. Nëse dëshironi që një qelizë të ketë kufij, por pa përmbajtje, duhet të vendosni diçka në të që nuk do të jetë e dukshme kur të shikohet. Ju mund të përdorni një varg bosh<ВR>. Ju madje mund të përcaktoni kolona boshe duke specifikuar gjerësinë e tyre në pixel, ose njësi relative dhe pa futur asnjë të dhënë në qelizat e marra. Ky mjet mund të jetë i dobishëm kur vendosni tekst dhe grafikë në një faqe.

    atribut CELLRADDING

    Ky atribut specifikon gjerësinë e hapësirës boshe midis përmbajtjes së qelizës dhe kufijve të saj, domethënë vendos kufijtë brenda qelizës.

    Tekst ose të dhëna Tekst ose të dhëna Tekst ose të dhëna
    Tekst ose të dhëna Tekst ose të dhëna Tekst ose të dhëna

    Tekst ose të dhëna Tekst ose të dhëna Tekst ose të dhëna
    Tekst ose të dhëna Tekst ose të dhëna Tekst ose të dhëna

    Atributet ALIGN dhe VALIGN

    etiketa<ТR>, <ТD>Dhe<ТН>mund të modifikohet me ALIGN atributet dhe VALIGN. Atributi ALIGN përcakton shtrirjen horizontale të tekstit dhe grafikës, domethënë majtas, djathtas ose në qendër. Rreshtimi horizontal mund të specifikohet në disa mënyra:

    ALIGN=lëshuar gjak shtyn përmbajtjen e qelizës afër skajit të majtë.

    ALIGN=majtas Rreshton përmbajtjen e qelizës në të majtë, duke marrë parasysh dhëmbëzimin e specifikuar nga atributi CELLPADDING.

    ALIGN=qendër në qendër të përmbajtjes së qelizës.

    ALIGN=djathtas Rreshton përmbajtjen e qelizës në të djathtë, duke marrë parasysh dhëmbëzimin e specifikuar nga atributi CELLPADDING.

    Tekst ose të dhëna Tekst ose të dhëna Tekst ose të dhëna
    Tekst ose të dhëna Tekst ose të dhëna Tekst ose të dhëna
    Tekst ose të dhëna Tekst ose të dhëna Tekst ose të dhëna
    Tekst ose të dhëna Tekst ose të dhëna Tekst ose të dhëna
    Tekst ose të dhëna Tekst ose të dhëna Tekst ose të dhëna

    Atributi VALIGN rreshton tekstin dhe grafikën brenda një qelize vertikalisht. Rreshtimi vertikal mund të specifikohet në disa mënyra:

    VALIGN=lart Rreshton përmbajtjen e një qelize në kufirin e saj të sipërm.

    VALIGN=mes Përqendron përmbajtjen e qelizës vertikalisht.

    VALIGN=poshtë Rreshton përmbajtjen e një qelize në kufirin e saj të poshtëm.

    Atributi VALIGN rreshton tekstin dhe grafikën brenda një qelize vertikalisht. krye, mesi, fund.
    VALIGN=lart Rreshton përmbajtjen e qelizës në kufirin e saj të sipërm. krye, krye, krye.
    VALIGN=middle Përqendron përmbajtjen e qelizës vertikalisht. mesi, mesi, e mesme.
    VALIGN=poshtë Rreshton përmbajtjen e qelizës në kufirin e saj të poshtëm. fundi, fundi, fund.

    Atributi BORDER

    Në etiketë<ТАВLЕ>shpesh përcaktojnë se si do të duken kufijtë, domethënë linjat që rrethojnë qelizat e tabelës dhe vetë tabelën. Nëse nuk vendosni një kornizë, do të merrni një tabelë pa rreshta, por hapësira për to do të ndahet. I njëjti rezultat mund të arrihet duke vendosur<ТАВLЕ ВОRDER=0>. Ndonjëherë ju dëshironi të bëni kufirin më të trashë në mënyrë që të bie më mirë. Ju mund të vendosni kufij ekskluzivisht të theksuar për të tërhequr vëmendjen te një foto ose tekst. Kur krijoni tabela të mbivendosura, duhet të bëni për tabela të ndryshme kufij me trashësi të ndryshme për t'i dalluar më lehtë.

    Atributi CELLSPACING

    Atributi CELLSPACING specifikon hapësirën midis qelizave në piksel. Nëse ky atribut nuk specifikohet, vlera e paracaktuar është dy piksel. Me atributin CELLSPACING=, mund të vendosni tekst dhe grafikë kudo që dëshironi. Nëse doni të largoheni vend bosh, mund të futni një hapësirë ​​në qelizë.

    Tekst ose të dhëna Tekst ose të dhëna Tekst ose të dhëna
    Tekst ose të dhëna Tekst ose të dhëna Tekst ose të dhëna
    Tekst ose të dhëna Tekst ose të dhëna Tekst ose të dhëna
    Tekst ose të dhëna Tekst ose të dhëna Tekst ose të dhëna
    Tekst ose të dhëna Tekst ose të dhëna Tekst ose të dhëna
    Tekst ose të dhëna Tekst ose të dhëna

    Atributi BGCOLOR

    Ky atribut ju lejon të vendosni ngjyrën e sfondit. Në varësi të cilës etiketë (TABLE, TR, TD) aplikohet, ngjyra e sfondit mund të vendoset për të gjithë tabelën, për një rresht ose për një qelizë të vetme. Kuptimi atribut i dhënëështë një kod RGB ose një emër standard i ngjyrës.

    Tekst ose të dhëna Tekst ose të dhëna Tekst ose të dhëna
    Tekst ose të dhëna Tekst ose të dhëna Tekst ose të dhëna

    Atributi BACKGROUND

    Ky atribut vendos imazhin e sfondit për tabelat. E aplikueshme për etiketat TABLE dhe TD. Vlera e tij është URL-ja e skedarit me imazhi i sfondit. Përdorimi i këtij atributi diskutohet më poshtë.

    Përdorimi i tabelave në hartimin e faqeve

    Tabelat janë të mira sepse, nëse dëshironi, ju mund t'i bëni kufijtë e tyre të padukshëm. Kjo lejon përdorimin e etiketës<ТАВLЕ>vendosni bukur tekstin dhe grafika në faqe. Mirupafshim<ТАВLЕ>mbetet i vetmi formatues i fuqishëm në HTML. Dizajnerët e faqeve të internetit tani kanë pothuajse të njëjtën liri në lidhje me përdorimin e "hapësirës së bardhë" si krijues. faqet e shtypura. Tabelat janë mënyra më e mirë për t'u larguar nga rregullimi hierarkik i tekstit në faqet e internetit.

    Nëse shfletuesi mbështet tabelat, ai zakonisht do të shfaqë më së shumti efekte interesante marrë me ndihmën e tyre

    Universiteti Pedagogjik Shtetëror Ural

    Mirë se vini!

    Kurs trajnimi"Bazat e zotërimit të WEB"

    Krijimi i tabelave shumëngjyrëshe

    Disa shfletues lejojnë që ngjyrat të shfaqen. Ka disa mënyra për të ngjyrosur një tabelë, kryesisht në varësi të shfletuesit që përdorni.

    Kufijtë me ngjyra në Netscape Navigator. Jo vetëm që mund ta rrethoni tryezën kornizë e bukur, por gjithashtu vendosni një ngjyrë për të që është e ndryshme nga ngjyrat e tekstit dhe sfondit. Krijoni një GIF të thjeshtë gri (ose ndonjë GIF që dëshironi të keni si sfond) dhe përcaktojeni atë në një etiketë<ВODY>si sfond i faqes. Pastaj vendosni ngjyrën e sfondit të faqes. Si rezultat, etiketa juaj<ВОDY>do të duket diçka si kjo:

    Ju keni krijuar një sfond të dyfishtë - GIF dhe ngjyra e vendosur. Si rezultat, ngjyra e sfondit do të jetë e dukshme në të gjitha kufijtë e tabelës dhe vija horizontale (<НR>). Pavarësisht nëse GIF-i juaj i sfondit është gri apo jo, linjat me ngjyra dhe kufijtë e tabelës do të dallohen dukshëm. Nëse sfondi GIF nuk është shumë i ndërlikuar, koha e ngarkimit të faqes do të rritet vetëm pak.

    Artikujt kryesorë të lidhur

    Formatimi i karaktereve dhe paragrafëve në MS Word Çfarë është formatimi i paragrafit
    Formatimi i karaktereve dhe paragrafëve në MS Word Çfarë është formatimi i paragrafit
    Sistemi i skedarëve kryen një funksion
    Sistemi i skedarëve kryen një funksion
    Historia e krijimit të monitorëve CRT - CRT me një maskë të çarë (Slot Mask)
    Historia e krijimit të monitorëve CRT - CRT me një maskë të çarë (Slot Mask)
    Kategoritë:
    © 2022 bumotors.ru. Si të konfiguroni telefonat inteligjentë dhe PC. Portali informativ.