HTML-tabelle is maklik om te skep sodra jy die basiese beginsels van rye en kolomme verstaan - en ook wanneer jy verstaan wanneer dit reg is om 'n tafel te gebruik en wanneer jy dit moet vermy.
'N Kort geskiedenis van tafels en webontwerp
Baie jare gelede, voor die aanvaarbare van CSS en webstandaarde, het webontwerpers die HTML
-element gebruik om bladsyuitleg vir webwerwe te skep. Webwerfontwerpe sal in klein stukkies soos 'n legkaart gesny word en dan gekombineer word met 'n HTML-tabel om in die blaaier te voorsien soos bedoel. Dit was 'n baie komplekse proses wat baie ekstra HTML-opmaak geskep het en wat vandag nog nooit in die multikermwêreld waar ons webwerwe in woon, gebruik kan word nie . Aangesien CSS die aanvaarde metode vir webbladvisuele en uitleg geword het, is die gebruik van tafels hiervoor vermy en baie webontwerpers het verkeerdelik geglo dat "tafels sleg was." Dit was en is onwaar. Tabelle vir uitleg is sleg, maar hulle het steeds 'n plek in webontwerp en HTML, naamlik om tabeldata soos 'n kalender van treinskedule te vertoon. Vir die inhoud is die gebruik van 'n tafel steeds 'n aanvaarbare en goeie benadering.
So hoe maak jy 'n tafel op? Kom ons begin deur 'n eenvoudige 2x2-tabel te skep. Dit sal 2 kolomme hê (dit is die vertikale blokke) en 2 rye (die horisontale blokke). Nadat jy 'n 2x2-tafel gebou het, kan jy enige groottetafel bou wat jy wil net deur addisionele rye of kolomme by te voeg.
Moeilikheid: Gemiddeld
Tyd benodig: 10 minute
Hier is hoe:
- Open eers die tabel
- Maak die eerste ry oop met die tr-tag
- Maak die eerste kolom oop met die td-tag
- Skryf die inhoud van die sel neer
- Maak die eerste sel en maak die tweede
oop - Skryf die inhoud van die tweede sel neer
- Maak die tweede sel toe en sluit die ry
- Skryf die tweede ry presies soos die eerste
| | - Maak dan die tafel toe
U kan ook kies om tabelopskrifte by u tafel te voeg deur die | -element te gebruik. Hierdie tabelopskrifte sal die of "tafeldata" -stukke in die eerste tabelry vervang, soos volg:
| Naam | Rol | | Jeremy | Ontwerper < td> Jennifer | Ontwikkelaar | Wanneer hierdie bladsy in die blaaier sal vertoon, sal die eerste ry met die tabelopskrifte gewoonlik in vetdruk vertoon word en hulle sal in die tabelsel gesentreer wees waarin hulle verskyn.
Dus, is dit OK om tabelle in HTML te gebruik? Ja - so lank as wat jy dit nie vir uitlegdoeleindes gebruik nie. As jy tabel inligting moet vertoon, is 'n tabel die manier om dit te doen. Trouens, die vermy van 'n tafel as gevolg van 'n paar verkeerde suiwerheid om hierdie legitmatiese HTML-element te vermy, is so agteruit as om dit vir uitlegredes in hierdie dag en ouderdom te gebruik.
Geskryf deur Jennifer Kyrin. Geredigeer deur Jeremy Girard op 8/11/16
| | |