⭐ 0
🔍
Teksts Attēls PDF un dokumenti Audio Mūzika Elektronika Laiks Komunālie pakalpojumi Validatori Ezotērisks Spēles

HTML tabula ar CSS — veidota un gatava ielīmēšanai

Veidojiet HTML tabulu vizuāli, noklikšķinot uz šūnām un ierakstot — iegūstiet tīru, semantisko tabulas marķējumu ar reāllaika priekšskatījumu, bez formāta ielīmēšanai vai konvertēšanai.

Iesaiņo tabulu ritināmā konteinerā, lai plata tabula neizjauktu lapas izkārtojumu šauros ekrānos.
Notiek apstrāde... 0%

Rezultāts

Šajā lapā tiek atvērts tabulu veidotājs, kurā ir ieslēgtas gan zebras svītras, gan šūnu apmales, kā arī neliela jau aizpildīta cenu tabulas paraugs — tieši kombinācija, ko lielākā daļa cilvēku saprot ar “HTML tabulu ar CSS”.

Tā vietā, lai katrā šūnā izkliedētu iekļautos stila atribūtus, ģenerators raksta vienu iegulto stila bloku, kas aptver vienu klasi, aptverot apmales, atstarpes un svītrainās rindas — nokopējiet visu fragmentu un stila bloku, kas ir iekļauts, un tas darbojas atsevišķi jebkurā lapā.

Rediģējiet parauga šūnas, pievienojiet rindas vai kolonnas un pārslēdziet adaptīvo iesaiņojumu, ja tabula ir plata — tālāk redzamais kods un tiešraides priekšskatījums tiek atjaunināti kopā, lai jūs vienmēr redzētu precīzu tabulu ar stilu, kuru gatavojaties kopēt.

🛡️
Izpildīts pārlūkprogrammā

Jūsu faili un ievades dati nekad netiek atstāti no šīs ierīces. Apstrāde notiek pilnīgi bezsaistē. 100% drošs.

Pieņemtie formāti un noteikumi

  • Rediģējams režģis: pievienojiet vai noņemiet rindas un kolonnas ar vienu klikšķi un ierakstiet tieši jebkurā šūnā.
  • Stila pārslēgi galvenes rindai, zebras svītrojumam, šūnu apmalēm un mobilajām ierīcēm piemērotam horizontālas ritināšanas aptinumam.
  • Tiešsaistes renderēts priekšskatījums blakus ar atkāpi, kopēšanai gatavs HTML, kā arī viena klikšķa kopēšanas poga.

Galvenās priekšrocības

✓ Katrs šūnas klikšķis un taustiņsitiens nekavējoties atjaunina semantiskās tabulas marķējumu un reāllaika renderēto priekšskatījumu — nav jāveic atsevišķa konvertēšanas darbība.
✓ Zebras svītrojums, apmales un adaptīvs pārpildes aptinums atrodas vienas izvēles rūtiņas attālumā, un katrs no tiem ir nodrošināts ar reālu iegultu CSS, nevis izkliedētu iekļauto atribūtu.
✓ Izvadē tiek izmantoti atbilstoši tagi thead, tbody, tr, th un td, tāpēc kopētā tabula paliek pieejama un indeksējama jebkurā vietā, kur to ielīmējat.

Lietošanas gadījumi

  • • Pārvērtiet īsu statistikas sarakstu, ko citējat emuāra ziņā, tīrā HTML tabulā, ierakstot tieši režģī, nerakstot ar roku nevienu <td>.
  • • Izveidojiet nelielu cenu noteikšanas vai funkciju salīdzināšanas tabulu ar ieslēgtām zebras svītrām un apmalēm, pēc tam ielīmējiet visu fragmentu (iekļauts CSS) savā SPS vai statiskajā vietnē.
  • • Izlabojiet plašo tabulu, kas pārpildīta mobilajā ierīcē, ieslēdzot adaptīvo iesaiņojumu un pirms publicēšanas pārbaudot tiešraides priekšskatījumu.