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.
Alles draait in uw browser De gegevens die u plakt worden geparseerd en geconverteerd in JavaScript op uw eigen apparaat, dus er wordt niets geüpload, gelogd of opgeslagen, 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 terwijl ze in een e-mail worden geplakt, of gewone semantische HTML zonder styling helemaal Opties voor gestreepte rijen, randen, een compacte lay-out en inspringing laten u de uitvoer matchen met het project waarin u het plakt.
Plakken komma-gescheiden of tab-gescheiden rijen in het invoervak De scheidingsteken wordt automatisch gedetecteerd, of u kunt het handmatig instellen als de gegevens dubbelzinnig zijn.
Bepaal of de eerste rij een kolomkop is en of de eerste kolom van elke rij een rijkop is, zodat schermlezers de juiste cellen aankondigen.
Voeg een bijschrift toe, schakel gestreepte rijen of randen in, kies een compacte lay-out en kies klassegebaseerde CSS, inline-stijlen of gewone semantische HTML.
Klik op Genereren om de tabel te bouwen, kopieer vervolgens de HTML en, in de klassemodus, de bijpassende CSS in uw project Alles blijft in uw browser.
Komma, tab, puntkomma of pijpgescheiden gegevens plakken De scheidingsteken wordt automatisch gedetecteerd en aangehaalde velden met ingebedde scheidingstekens worden correct geparseerd.
De eerste rij kan <th scope="col"> worden en de eerste kolom <th scope="row">, dus ondersteunende technologie kondigt headers aan voor elke datacel.
Geef klassenamen weg met een bijpassend CSS-blok, op zichzelf staande inline-stijlen voor e-mail of gewone semantische HTML zonder styling, afhankelijk van waar de tabel terechtkomt.
Voeg zebrastriping, celranden, een compacte lay-out en een <caption>-element toe, allemaal consistent toegepast in elke rij van de tabel.
Format, beautify, and minify HTML online. Re-indents messy or minified markup, keeps script, style, and pre content verbatim, and runs entirely in your browser.
Convert HTML to clean Markdown instantly. Turns headings, lists, links, images, blockquotes, code blocks and tables into portable GitHub Flavored Markdown. Tolerant of messy CMS markup. 100% client-side.
Build Markdown tables in a spreadsheet-style editor - import CSV, Excel, or an existing table, set alignment, copy clean GFM
Generate a linked table of contents from Markdown headings
0 comments
No comments yet. Be the first to share your thoughts!