⭐ 0
🔍
Tekstas Vaizdas PDF ir dokumentai Garsas Muzika Elektronika Laikas Komunalinės paslaugos Validatoriai Ezoterinis Žaidimai

HTML lentelė su CSS – sukurta ir paruošta įklijuoti

Sukurkite HTML lentelę vizualiai spustelėdami langelius ir įvesdami tekstą – gaukite švarų, semantinį lentelės žymėjimą su tiesiogine peržiūra, nereikia įklijuoti ar konvertuoti formato.

Įvynioja lentelę į slenkamą konteinerį, kad plati lentelė nepažeistų puslapio išdėstymo siauruose ekranuose.
Apdorojama... 0%

Rezultatas

Šiame puslapyje atidaroma lentelės kūrimo priemonė su įjungtomis zebro juostelėmis ir langelių kraštinėmis, taip pat jau užpildyta nedidelė pavyzdinė kainodaros lentelė – būtent toks derinys, kurį dauguma žmonių reiškia „HTML lentelė su CSS“.

Užuot išsklaidęs eilutinius stiliaus atributus kiekviename langelyje, generatorius įrašo vieną įterpiamąjį stiliaus bloką, apimantį vieną klasę, apimantį kraštines, tarpus ir dryžuotąsias eilutes – nukopijuokite visą fragmentą, įskaitant stiliaus bloką, ir jis veiks atskirai bet kuriame puslapyje.

Redaguokite langelių pavyzdžius, pridėkite eilučių ar stulpelių ir perjunkite interaktyvų įvyniojimą, jei lentelė plati – kodas ir tiesioginė peržiūra toliau atnaujinami kartu, kad visada matytumėte tikslaus stiliaus lentelę, kurią ruošiatės kopijuoti.

🛡️
Vykdoma naršyklėje

Jūsų failai ir įvestis niekada nepalieka šio įrenginio. Apdorojimas vykdomas visiškai neprisijungus. 100% saugus.

Priimami formatai ir taisyklės

  • Redaguojamas tinklelis: pridėkite arba pašalinkite eilutes ir stulpelius vienu paspaudimu ir įveskite tiesiai į bet kurį langelį.
  • Antraštės eilutės, zebro juostelių, langelių kraštinių ir mobiliesiems pritaikyto horizontalaus slinkties apvalkalo stiliaus perjungikliai.
  • Tiesiogiai pateikta peržiūra šalia įtraukos, kopijavimui paruošto HTML ir vieno spustelėjimo kopijavimo mygtukas.

Pagrindiniai privalumai

✓ Kiekvienas langelio paspaudimas ir klavišo paspaudimas iš karto atnaujina semantinės lentelės žymėjimą ir tiesioginę peržiūrą – nereikia vykdyti atskiro konvertavimo veiksmo.
✓ Zebros juostelės, kraštinės ir reaguojantis perpildymo įvynioklis yra už vieno žymėjimo langelio, kurių kiekvienas palaiko tikras įterpiamasis CSS, o ne išsklaidytas eilutinis atributas.
✓ Išvestyje naudojamos tinkamos žymos „thead“, „tbody“, „tr“, „th“ ir „td“, todėl nukopijuota lentelė lieka pasiekiama ir indeksuojama, kad ir kur ją įklijuotumėte.

Naudojimo atvejai

  • • Greitą statistikos sąrašą, kurį cituojate tinklaraščio įraše, paverskite švaria HTML lentele, įvesdami tiesiai į tinklelį, ranka neįrašydami nė vieno <td>.
  • • Sukurkite nedidelę kainodaros arba funkcijų palyginimo lentelę su įjungtomis zebro juostelėmis ir kraštinėmis, tada įklijuokite visą fragmentą (įskaitant CSS) į TVS arba statinę svetainę.
  • • Pataisykite plačią lentelę, kuri perpildyta mobiliajame įjungdami interaktyvų įpakavimą ir prieš paskelbdami patikrinę tiesioginę peržiūrą.