HTML Table Generator

Een HTML-tabelgenerator verandert rijen gegevens in de HTML-opmaak die ze weergeeft als een tabel in een browser U plakt komma-gescheiden of tab-gescheiden waarden, kiest hoe de tabel eruit moet zien, en de tool schrijft een compleet <table>-element met <thead>, <tbody> en tabelrijen en cellen In plaats van elke <tr>, <th> en <td> en telcellen om de kolommen uitgelijnd te houden, plakt u de gegevens één keer en kopieert u de opmaak die klaar is om op een webpagina, een e-mailsjabloon of een documentatiebestand te zetten.

Het bestaat omdat het met de hand schrijven van tabel HTML repetitief en foutgevoelig is Een tabel met tien rijen en vijf kolommen heeft meer dan vijftig celtags nodig, allemaal correct geopend en gesloten, en een enkele ontbrekende </td> doorbreekt de lay-out Toegankelijkheid voegt meer details toe: headercellen moeten <th> zijn met een scope-attribuut, zodat schermlezers ze aankondigen, en een tabel heeft vaak een <caption> nodig die de inhoud ervan beschrijft Deze generator past die regels voor u toe De eerste rij kan een echte header worden, de eerste kolom van elke rij kan een rijheader worden en elke celwaarde moet HTML-ontdekt zijn, zodat tekens zoals < en & & & weergeven als tekst in plaats van de pagina breken.

De conversie draait client-side De gegevens die u plakt worden geparseerd en geconverteerd in JavaScript op uw eigen apparaat, zodat de rijen nooit worden geüpload; druk op Genereer logt een gebruiksrecord dat alleen de stijlmodus draagt, en de tool blijft werken met het netwerk losgekoppeld zodra de pagina is geladen U kunt kiezen hoe styling wordt geleverd: moderne klassenamen met een bijpassend CSS-blok, op zichzelf staande inline stijlen die overleven als ze in een e-mail worden geplakt, of gewone semantische HTML zonder enige styling Opties voor gestreepte rijen, randen, een compacte lay-out en inspringing laten u de uitvoer matchen met het project waarin u het plakt.

Hier is een uitgewerkt voorbeeld van de tabel HTML-generator Plak drie regels, `Plan,Price,Seats`, `Free,$0,1` en `Pro",$1,200",10`, typ Prijzen als onderschrift en druk op Genereren. De uitvoer is een <table> met <caption>Pricing</caption>, drie <th scope= "col"> headers en twee hoofdrijen, en de geciteerde "$1.200" blijft één cel in plaats van te splitsen op zijn komma. Gebruikt als tabelgenerator voor HTML-e-mails, schakelt Style over naar Inline-stijlen en elke cel draagt geen eigen padd-stijlen en packet.