HTML-tabellgenerator
Gratis online HTML-tabellgenerator, visuell opprettelse
Om HTML-tabellgenerator
Bygger en HTML <table> fra et visuelt rutenett du redigerer på stedet. Konfigurer rader, kolonner, utfylling, avstand, justering, topptekst-rad, kantlinje og topptekst-bakgrunnsfarge, og kopier deretter den genererte HTML-en. En sanntids forhåndsvisning-modus rendrer tabellen (sanert med DOMPurify) slik at du kan bekrefte resultatet.
Hvordan bruke
1. Sett Rader (1-50) og Kolonner (1-20) i Tabellinnstillinger-kortet 2. Veksle Kantlinje og Topptekst-rad, velg Justering (left/center/right), og juster Celleutfylling/avstand 3. Angi eventuelt en Topptekst-bakgrunnsfarge via fargevelgeren eller heks-inndata 4. I Rediger-fanen, klikk på en celle for å skrive innhold direkte i den 5. Bytt til Forhåndsvisning-fanen for å se den renderte tabellen 6. Klikk Kopier i Generert HTML-kortet for å kopiere markupen
Tabellinnstillinger og HTML-utdata
Den genererte markupen bruker eldre attributter: <table border cellpadding cellspacing align>, <thead>/<th> for den valgfrie toppteksten med bgcolor, og <tbody>/<td> for hovedrader. Bruk Legg til rad / Legg til kolonne / Fjern siste rad / Fjern siste kolonne for å endre størrelse, eller Tilbakestill for å fylle rutenettet med plassholdertext (Header N, Rad N Kolonne N).
▶Bruker utdataene moderne CSS-styling?
▶Hva er størrelsesbegrensningene?
▶Er forhåndsvisningen trygg?
▶Hvorfor er topptekst-celleteksten min fet og farget?
Hvis dette verktøyet har vært nyttig for deg, vurder å kjøpe meg en kaffe.
Kjøp meg en kaffe