It-tabelli HTML huma faċli biex jinħolqu ladarba tifhem il-punti bażiċi ta 'ringieli u kolonni - u wkoll meta tifhem meta huwa tajjeb li tuża tabella u meta għandek tevitahom.
Storja qasira ta 'Tabelli u Disinn tal-Web
Ħafna snin ilu, qabel l-aċċettabbli tas- CSS u l-istandards tal-web, id-disinjaturi tal-web użaw l-HTML
element biex joħolqu tqassim ta 'paġna għal siti. Disinji tal-websajts ikunu "imqatta '" f'biċċiet żgħar bħal puzzle u mbagħad flimkien ma' tabella HTML biex tirrendi fil-browser kif maħsub. Kien proċess kumpless ħafna li ħoloq ħafna markup HTML addizzjonali u li qatt ma se jkun jista 'jintuża llum fid -dinja b'ħafna skrinijiet fejn il-websajts tagħna jgħixu fiha . Peress li s-CSS sar il-metodu aċċettat għal visuals u tqassim tal-webpage, l-użu ta 'tabelli għal dan sar shunned u bosta disinjaturi tal-web ħasbu bi żball li "t-tabelli kienu ħżiena". Dan kien u mhux falz. Tabelli għat-tqassim huma ħżiena, iżda għad għandhom post fid-disinn tal-web u l-HTML, jiġifieri li juru data tabulari bħal kalendarju tal-iskeda tal-ferrovija. Għal dak il-kontenut, l-użu ta 'tabella għadu approċċ aċċettabbli u tajjeb.
Allura kif tqassim tabella? Nibdew billi tinħoloq tabella sempliċement 2x2. Dan se jkollu 2 kolonni (dawn huma l-blokok vertikali) u 2 ringieli (il-blokok orizzontali). Wara li bnew tabella ta '2x2, tista' tibni kwalunkwe tabella ta 'daqs li tixtieq sempliċement billi żżid ringieli jew kolonni addizzjonali.
Diffikultà: medja
Ħin Meħtieġ: 10 minuti
Hawn Kif:
- L-ewwel ibda t-tabella
- Iftaħ l-ewwel ringiela bil-lametta tr
- Iftaħ l-ewwel kolonna bit-tikketta td
- Ikteb il-kontenut taċ-ċellola
- Agħlaq l-ewwel ċellula u tiftaħ it-tieni td>
- Ikteb il-kontenut tat-tieni ċellula
- Agħlaq it-tieni ċellola u tagħlaq ir-ringiela td> tr>
- Ikteb it-tieni ringiela eżattament bħall-ewwel
td> | td> tr> - Imbagħad agħlaq it-tabella table>
Tista 'wkoll tagħżel li żżid l-intestaturi tal-mejda mat-tabella tiegħek billi tuża l-element | . Dawn l-intestaturi tal-mejda għandhom jibdlu l-biċċiet tad-dejta tal-mejda jew "tabella" fl-ewwel ringiela tal-mejda, bħal din:
Isem th> | Rwol th> tr> | Jeremy td> | Disinjatur td> tr> < td> Jennifer td> | Developer td> | tr> table> Meta din il-paġna tirrendi fil-brawżer, dik l-ewwel ringiela bl-intestaturi tal-mejda tkun, b'mod awtomatiku, tidher b'tipa skura u jkunu ċċentrati fiċ-ċellola tal-mejda li jidhru fihom.
Allura, Huwa Huwa OK Biex Użu Tabelli HTML? Iva - sakemm ma tkunx qed tużahom għal skopijiet ta 'tqassim. Jekk trid turi informazzjoni tabulari, tabella hija l-mod kif tista 'tagħmel dan. Fil-fatt, tevita tabella minħabba xi ftit purità żbaljata biex tevita dan l-element leġittimu ta 'l-HTML huwa lura daqs l-użu tagħhom għal raġunijiet ta' tqassim f'dan il-jum u l-età.
Miktub minn Jennifer Kyrin. Editjat minn Jeremy Girard fit-8/11/16
| | |