Aduprà a maiò parte di e tavule HTML da l'attributi di tavuletta d'educazione
L'attributi di tabella HTML dà un assai più cuntrullà contru à e tàvule HTML. Ci hè parechje attributi dispunibuli à e tàvule per fà più interessanti è cambià l'aspectu di a vostra pàgina.
HTML Attributes Element TABLE
In HTML5 l'elementu utiliza l'attributi global è l'altru attribuenti:. E hà cambiatu à solu avè u valore di 1 o vazio (ie fruntiera = ""). Se vulete cambià a larghezza di u cunfini, pudete aduprà a propietariu CSS di u frontière.
Vede quì sottu per sapè infurmatu di l'attributi di table valenu d'HTML5.
Ci hè ancu parechji attributi chì sò parti di l'specificazione HTML 4.01 chì hè stata obsoleta in HTML5:
- -Usà a pruprietà di cumpagnie CSS nantu à i elementi TD è TH di a tavola.
- -Use a CSS di u spaziu di fruntiera nantu à a tavula.
- -Use CSS stile cantiere color: negre; è stile di cunfini nantu à a tavula.
- -Use CSS stile cantiere color: negre; è stile di cunfini nantu à l'elementi adatti di a tavula.
- In custrettu, puderete discrive a struttura di u tavulu in una CAPTION o mette a tavula tutta in una FIGURA è di qualificà in una FIGCATION. Oltre, pudete simplificà a struttura di a tavula per ùn esse spiegazione.
- -Use a pruprietà l'anchiera CSS.
E un attributu chì era depravatu in HTML 4.01 è hè ancu obsoletatu in HTML5.
Sapete più nantu à i HTML 4.01 TABLE Attributes.
- align -Use a propietariu di a margen CSS in invece.
Ci hè ancu parechji attributi chì ùn sò micca parte di alcunu specifichi HTML.
Aduprate ch'hà attributi si sanu chì i navigatori chì sustene l'accessu manipule è ùn avete micca cura di validu HTML.
- -Uvate u prughjettu CSS di u funziunamentu di u culore.
- bordercolor -Utilice u CSS prupietà in fruntiera di u culore.
- bordercolorlight -Utilice u CSS prupietru in fruntiera di u culore.
- bordercolordark -Utilice u CSS di u propriu di fruntiera di culore.
- cols -Nun hè una alternativa à st'attribuisce.
- Altura - Utilizare in altitudine di a propietaria CSS.
- -Uve u marche di proprie di CSS
- -Uve u marche di proprie di CSS
- -Usate u CSS di pruprietà biancu in spaziu.
- -Uve a propietariu CSS verticale in aligner.
Scopre più nantu à u Navigator Specific Attributes TABLE.
HTML5 TABLE Element Attributes
Cumu avemu citatitu prima, ci hè sola una attribuuta, allora l'attribute global, chì hè valevule nantu à un elementu HTML5 TABLE: frontière.
L'attribu di cunferente hè stata utilizata per definisce un frontiale in tutta a tavola completa è tutte e cilesti in ellu. Ci era una certa quistione per avà esse cumpressa in l'specificazione HTML5, ma ferma perchè furnia l'infurmazioni nantu à l'struttura di struttura, allora l'implicazione di stile semplice.
Per aghjunghje l'attributu cunfinanti, stabilisce u valore à 1 se ci hè un frontiale è vacante (o sia fora l'attributu) si ùn ci hè micca. A maiò parte di i browseri anu supporta ancu 0 per senza cunfinà, è qualsiasi altru qualcunu (2, 3, 30, 500, etc) per dichjarà l'anche di u cunfini in pixelli, ma questu hè obsolet in HTML5. Invece, puderete aduprà a propietariu di struttura di fruntiera CSS per definisce l' anchiera di fruntiera è altre stile.
Per creà una tavola cun frontière, scrivite:
border = "1" >
Questa hè una tavola cun frontière
Ci sò attributi HTML 4.01 chì sò obsoleteti in HTML5. Si pensa à scrive documentari HTML 4.01, pudete appruntà, altri, pudete ignore. A maiò parte di sti attributi anu alternattivi, deskritti prima.
Scrivite l'attributi di l'elementu chì sò validu in HTML5 (è HTML 4.01). Questa detta l'attributi TABLE chì sò validi in HTML 4.01, ma sò obsoleteti in HTML5. Se à scrive documents HTML 4.01, pudete utilizà sti attributi, ma a maiò parte anu pussibule alternattivi chì facenu i vostri piani più prusmanziunate per quandu se passate à HTML5.
Attributi Valid HTML 4.01
L'attribu ca scriviemu prima.
A sola diferenza in HTML 4.01 da HTML5 hè chì pudete spiegà ogni numme entero (0, 1, 2, 15, 20, 200, etc.) per definisce a larghezza di u cunfini in pixelli.
Per fà una tavola cun frontière 5px, scrivite:
border = "5" >
Questa tavula hè una frontière 5px.
Vede un esempiu di dui mette cun frontiere.
L'attribu define a quantità di spaziu trà e fruntiere chjamata è u cuntenutu di a cellula. A predeterminatu hè dui pixelli. Pone a cellpadding à 0 si ùn vole micca spaziu trà u cuntenutu è e fruntiere.
Per definisce u padding cellula à 20, scrivite:
cellpadding = "20" >
Questa tavula hè una cellulugia di 20.
Futtoglii cellula sò siparati da 20 pezzi.
Vede un esempiu di una tavulera cù cellpadding
L'attribu define a quantità di u spaziu trà i celluli di a tabella è u cuntenutu di a cellula. Cum'è cellpadding, u predeterminatu hè stituutu à dui píxli, perchè deve settore à 0 si ùn vuleva micca spazio di cellula.
Per aghjunghje spaziale di cellula à una tavula, scrivite:
cellspacing = "20" >
Questa tavula hè un spaziu di celluli di 20.
Cells saranu separati da 20 pixelli.
Vede una tavula cù spazii di celluli
L'attribu identificanu chì parte di a fruntiera chì circundava u fora di una tavulu serà visu. Pudete trattà a tavula nantu à quattru lati, ogni parti, cima è fondu, left and right, o nimu.
Eccu l'HTML per una tavula cù solu u fruntiera di u latuanu:
frame = "lhs" >
Questa mesa
avè avutu
solu a
left side framed.
Un altru esempiu cù a freccia fundale:
frame = "sottu" >
Questa tavula hè un marcu in u fondu.
Scuprite qualcuni cu frames
L'attribuu hè simile à l'attributu di quadru, solu affine a fruntiere attraversu i celu di a tavula. Pudete stabilisce e reguli nantu à tutte e cilesti, trà e colonnate, trà gruppi cum'è TBODY è TFOOT o nimu.
Per fà una testa cù linii solu trà i fille, scrivite:
rule = "file" >
Questa tela 4x4 hè
i fila non colonna
scrivutu cù i
règule attributà.
E l'altru cù e ligne trà e colonnes:
rule = "cols" >
Questa hè
una tola
induve a
columini
sò
marcatu
Eccu un esempiu di una mesa cun reguli
L'attribuale furnisce infurmazioni nantu à a tavula per i scrittori di u lettore è l'altri agenti d'utilizatori chì avè pudianu avè avutu bisogni di lezioni. Per utilizà l'attributu di sintesi, scrivite u bellu scritta di a tavula è ponu cum'è u valore di l'attributu. U summariu ùn vi manca in a pagina web in a maiò parte di i navigatori standard.
Eccu cumu per scrive una tassa simplici cù un resumu:
sumari = "Questu hè una mesa di mostra chì cuntene infurmazione d'impegni. U scopu di sta tavula hè di dimustrà u summariu". >
colonna 1 fila 1
colonna 2 fila 1
colonna 1 fila 2
colonna 2 fila 2
Vede un tavulinu cun un resumu
L'attribu define l'anch'elli di a tavula in u pixellu o in un percentariu di l'elementu cuntenente. Se l'anch'ella ùn hè micca stata, a tavula quandu piglia solu a so spaziu quantu hè bisognu di vede u cuntenutu, cù una larghezza massima cum'è l'larghezza di l'elementu parentu.
Per fà una tavola cun un largu specchiu in pixelli, scrivite:
width = "300" >
Questa mesa hè u 80% di a larghezza di u cuntenutu hè in.
È di custruisce un tavulu cun una larghezza chì hè un percentinu di l'elementu parent, scrivite:
width = "80%" >
Questa mesa hè u 80% di a larghezza di u cuntenutu hè in.
Vede un esempiu di una tavola cù un largu
Abbandunatu HTML HTML 4.01
Ci hè un attributu di l'elementu TABLE chì hè depravatu in HTML 4.01 è obsolet in HTML5: alineate . Questa attribuita li permette di stallà induve a tavulinu deve esse situatu nantu à a pagina parente à u testu chì si trova vicinu. Stu attributu hè statu diprezzatu in HTML 4.01, è ùn deve esse di avè l'utilizatu. Invece, puderete aduprà a pruprietà di CSS o a marghjna-left: auto; è margen-right: auto; stili. A pruprietà di u float dà un risultatu chì hè più vicinu à ciò chì l'attributu d'allinjamenti furnisce, ma pò ancu affettà a manera chì u restu di u cuntenutu di a pagina cuntene. A margin-right: auto; è margen-left: auto; sò ciò chì u W3C recomende com alternativa.
Eccu un esempiu di depravata cù l'attributu d'alineate:
align = "right" >
Questa tavula hè alignata da alatu
Testu scorri dinò à u left
Vede un esempiu di depravata cù l'attributu d'alineate.
È per piglià u listessu effetti cù HTML validu (non depravat), scrivite:
style = "float: right"; >
Questa tavula hè alignata da alatu
Testu scorri dinò à u left
Ciò chì spiega l'attributi TABLE chì ùn sò micca parte di alcunu specifichi HTML.
L'infurmazione previa descripte l'attributi di l'elementu HTML chì sò validi in HTML 4.01 ma sò obsoleteti in HTML5.
U seguente descriva i attributi TABLE chì ùn sò micca validu in alcuni specificazione currente. Sè ùn avete micca cura di i vostri pagine cunvalidate è i vostri utenti anu un navigatore chì sustene l'elementu, pudete utilizà sti elementi. Ma a maiò parte di l'elli sò o micca soporta in navigatori moderni o anu alternattivi chì sò più cumpletu standard.
Ùn avemu micca cunsigliatu di utilizà sti attributi nantu à i vostri tabelli HTML.
L'attribu hè un vechju impiegatu chì hè stata inclusa prima di CSS hè largamente supportatu. Hè permessu di cambià u culore di fondu di a tavula. Pudete definisce un nome di culore o un codice hexadecimale. Questu attribuu still works in many browsers, ma per HTML cun vigilance futuru, ùn avete micca usà, è utilizate CSS invece.
L'alternativa megliu à questu attribuù hè a prughjettu di stile.
Per mudificà u culore di fondu di una tavula, scrivite:
style = "background-color: #ccc;" >
Questa tavula hè un fondu grisu
Simuli à l'attributu bgcolor, l'attribu di u bordericore permette di cambià u culore di l'attributu. Questu attribuu hè sopurutu solu da Internet Explorer. Invece, pudete aduprà a prupietà di u stilu di u bordu.
Per mudificà u colore di u bordu di a tavula, scrivite:
style = "frontiere-culore: russu"; >
Questa tavulera hè un frontiellu rougianu.
L'attribuzioni bordercolorlight è bordercolordarku sò stati cumpresu in Internet Explorer per permette di creà un fronti 3D in u vostru mesa. In ogni casu, finu di IE8 è questu, hè solu u supportu in IE7 Standard Mode è Mode Quirks . Microsoft dispunia chì i propietati ùn sò più supportati.
Per un pocu tempu, l'attuali attribuanu nantu à l'elementu TABLE hè statu prupone à aiutà à i navigatori, sapendu quantu coloni anu una tavulera. A premise era chì stava aiutà à aghjurnà a prestazione di grande tàvule. Ma solu era implementatu da Internet Explorer, è da l'IE8 è in altu, solu hè soporta in IE7 Standard Mode è Quirks Mode.
Perchè ùn ci hè un attributu di anch'ella (obsolet in HTML5) assai persone assumenu chì era un attribuale altru per i tuli. Ma cumu e tàvule conforme à a larghezza di u so cuntenutu o l'ancheta definita in a CSS o l'altitudine attribute, l'altura ùn puderà esse impastatu. Allora invece, i navigatori pirmettenu l'altitudine attribuia à definisce l'alte minimu di a tavula. Se la tavola era più altu quellu cà altitudine, quì esempi più numerosa. Ma puderete aduprate a pruprietà
Cù l'altezza CSS in altitudine pudete custruisce l'altezza se utilizate a prughjettu CSS è di definisce ciò chì passa cù qualsiasi cuntenutivu cuntenutu.
Per definisce l'altezza minimu nantu à una tavula, scrivite:
style = "altitudine: 30eme"; >
Questa mesa hè almenu 30 ems high
I dui attributi è aghjustatu u spaziu versu i costi left / right (hspace) è u top / bottom (vspace) di a tavula. Avete bisognu di u propiu stili.
Per definisce l'espazio verticale à 20 píxetti è l'spaziu horizontal à 40 píxel, scrivite:
style = "margin: 20px 40px;"
Questa tavula hè una versione di 20 pixella è una spaziu di 40 píxeles.
L'attribu hè un attributu booleanu chì definisce se u cuntenutu di a tavula piglia in azzione à u borde di l'elementu parentu o di a finestra o forza scrolling horizontale. Invece, puderete definisce e caratteristiche illustri di ogni cellula di tavule chì utilizanu a propietata CSS.
Per fà una colonna cù assai pruponenu micca imprecise, scrivite:
style = "biancu-space: nowrap;" > Questa hè una culonna cun una tonna di cuntenutu. Ma ancu s'ellu hè più largu chì u cuntinuu u teste ùn deve micca impregnatu a versione di a linea, ma invece furanu a finestra di u navigatore per scroll horizontale per vede tutte u cuntenutu.
Infine, l'attribu define a manera chì u cuntenutu di ogni cellula si allenava verticali in a cellula. Invece di questu attribu invàlidu, pudete aduprà a propietata CSS nantu à ogni cellula chì vulete cambià l'allenamentu di. Ùn avete bisognu di l'effetti di questu stile unless the contents of a cellulare sò menu di l'espai dispunibule creatu da altri, cilesti grossi.
Per furà una cellula per allughjà à u fondu (più di u mezzu, cum'è u difettu), scrivite:
Questa cellula hè più longu cum'è u restu, è cusì u fraccionarii l'altitudine serà più altu. Allora vi vede chì a cellula hè allizata in linii direttamente alignate à u fondu.
style = "vertical-align: bottom;" > Contenuti in u fondu.
Cumu à l'intermediu.