⭐ 0
🔍
Tekst Pilt PDF ja dokumendid Heli Muusika Elektroonika Aeg Kommunaalteenused Validaatorid Esoteeriline Mängud

HTML-tabel CSS-iga – kujundatud ja kleepimiseks valmis

Looge HTML-tabel visuaalselt, klõpsates lahtreid ja tippides – saate puhta, semantilise tabeli märgistuse koos reaalajas eelvaatega, ilma vorminguta, mida kleepida ega teisendada.

Mähib tabeli keritavasse konteinerisse, nii et lai tabel ei rikuks kitsastel ekraanidel lehe paigutust.
Töötlemine... 0%

Tulemus

See leht avab tabelikoostaja, kus on sisse lülitatud nii sebra triibud kui ka lahtripiirid, lisaks on juba täidetud väike näidistabel – täpselt kombinatsioon, mida enamik inimesi CSS-iga HTML-tabeli all silmas peab.

Selle asemel, et hajutada igas lahtris tekstisiseseid stiiliatribuute, kirjutab generaator ühe manustatava stiiliploki, mis hõlmab ühte klassi, mis katab äärised, vahed ja triibulised read – kopeerige kogu väljavõte koos stiiliplokiga ja see töötab igal lehel eraldi.

Redigeerige näidislahtreid, lisage ridu või veerge ja lülitage reageeriv ümbris sisse, kui tabel on lai – allolevat koodi ja reaalajas eelvaadet värskendatakse koos, nii et näete alati täpselt kopeeritava stiiliga tabelit.

🛡️
Teostatud brauseris

Teie failid ja sisendid ei lahku sellest seadmest kunagi. Töötlemine toimub täiesti võrguühenduseta. 100% turvaline.

Aktsepteeritud vormingud ja reeglid

  • Redigeeritav ruudustik: lisage või eemaldage ridu ja veerge ühe klõpsuga ning tippige otse mis tahes lahtrisse.
  • Stiili lülitid päiserea, sebra triibutuse, lahtri ääriste ja mobiilisõbraliku horisontaalse kerimise ümbrise jaoks.
  • Reaalajas renderdatud eelvaade taandega, kopeerimisvalmidusega HTML-i kõrval ning ühe klõpsuga kopeerimisnupp.

Peamised eelised

✓ Iga lahtri klõps ja klahvivajutus värskendab koheselt semantilise tabeli märgistust ja reaalajas renderdatud eelvaadet – eraldi teisendamist ei ole vaja käivitada.
✓ Sebra triibud, äärised ja tundlik ületäitumise mähis on ühe märkeruudu kaugusel, millest igaüks on toetatud tõelise manustatava CSS-iga, mitte hajutatud tekstisiseste atribuutidega.
✓ Väljund kasutab õigeid thead, tbody, tr, th ja td silte, nii et kopeeritav tabel jääb juurdepääsetavaks ja indekseeritavaks kõikjal, kuhu selle kleepite.

Kasutusjuhtumid

  • • Muutke ajaveebipostituses tsiteeritud statistika kiire loend puhtaks HTML-i tabeliks, tippides otse ruudustikule, ilma et peaksite käsitsi kirjutama ühtegi <td>-d.
  • • Koostage väike hinnakujunduse või funktsioonide võrdlustabel, kus sebra triibud ja äärised on sisse lülitatud, seejärel kleepige kogu koodilõik (koos CSS-iga) oma CMS-i või staatilisele saidile.
  • • Parandage lai tabel, mis mobiilis üle kuhjatas, lülitades sisse automaatselt kohanduva ümbrise ja kontrollides enne avaldamist reaalajas eelvaadet.