Site icon William Promotions

Jak do Webnode přidat responzivní tabulku?

PC
Potřebujete na Vaše webové stránky u Webnode přidat tabulku?

Ve Webnode editoru tato funkce zatím není, avšak tabulku lze vytvořit pomocí externí aplikace – tablesgenerator.com.

 

Návod k vytvoření a vložení tabulky na webové stránky od společnosti Webnode

 

1. Klikněte na tento odkaz, který Vás přesměruje na externí službu pro vytvoření tabulky.


2. Tabulku můžete nyní kompletně celou vytvořit. Pokud máte nějaké údaje uložené např. ve Wordu nebo Excelu nebo v jiném dokumentu, můžete použít funkci pro import dat a vytvoření tabulky tím urychlit.

3. Tabulku můžete upravit podle Vašich představ. Například můžete použít některou z témat a tím vylepšit vzhled vaší tabulky.

 

4. Pokud jste s vytvořenou tabulkou spokojený, nastavte, aby tabulka byla responzívna tj. tabulka se přizpůsobí velikosti obrazovky (mobil, tablet apod.).

5. HTML kód tabulky máte připraven. Klikněte na “Generate” a zkopírujte si kód kliknutím na tlačítko “Copy to clipboard“.

6. HTML kód vložte na Vaše webové stránky u společnosti Webnode. Použijte funkci “HTML“.

7. Publikujte změny tlačítkem “Publikovat“.

 

8. Máte hotovo. Dobrá práce! 🙂

TIP:

HTML kód tabulky vložte mezi tagy (<center> </center>) a Vaše tabulka se vycentruje na střed.
… Jednoduše dáte funkcii HTML ve Webnode a napíšete <center>, pak vložíte kód tabulky a napíšete </center>

Na Vašom webe sa teraz zobrazuje tabuľka. Vytvorená tabuľka môže vyzerať napríklad takto:

Moštové bílé odrůdy
Název odrůdy Rok registrace původ osázená plocha ha
1. Aurelius 1983 CZ 56.52
2. Auxerrois 2004 W 1.17
3. Děvín 1998 SK 27.3
4. Erilon 2011 CZ 1.39
5. Florianka 2010 CZ 2.14
6. Hibernal 2004 DE 193.71
7. Chardonnay 1987 W 897,12
8. Irsai Oliver 1972 HU 89,92
9. Kerner 2001 DE 53,46
10. Lena 2001 CZ 5.51
11. Malverina 2001 CZ 11,54
12. Medea 2014 CZ 0,24
13. Mery 2015 CZ 0
14. Muškát moravský 1987 CZ 425,76
15. Muškát Ottonel 1952 W 63,4
16. Műller Thurgau 1941 W 1545,9
17. Neuburské 1941 W 301,1
18. Pálava 1977 CZ 452,05
19. Rinot 2008 CZ 5,01
20. Rulandské bílé 1941 W 811,83
21. Rulandské šedé 1941 W 912,49
22. Ryzlink rýnský 1941 W 1225,99
23. Ryzlink vlašský 1941 W 1195,73
24. Sauvignon 1952 W 944,27
25. Savilon 2010 CZ 6,79
26. Svojsen 2015 CZ 0
27. Sylvánské zelené 1941 W 139,74
28. Tramín červený 1941 W 657,99
29. Tristar 2013 CZ 0,06
30. Veltlínské červené rané 1952 W 181,62
31. Veltlínské zelené 1941 W 1665,99
32. Veritas 2001 CZ 0,35
33. Vesna 2012 CZ 0,35 0,00 2012 CZ 0,35
34. Vrboska 2004 CZ 0,65 0,00 2004 CZ 0,65
Celkem: 11878,62
AT – Rakousko, CZ – Česká republika, DE – Německo, HU – Maďarsko, SK – Slovensko,

Další návody

Webnode Recenze

Webnode recenze 2023Tvorba webu s Webnode je jednoduchá - zvládne to i Vaše babičkaVítejte v naší Webnode recenzi, kde Vám nabízíme objektivní pohled na editor, tzv. program pro vytváření webových stránek, od společnosti Webnode. Tvorba webu zdarma vs. prémiové...

Webnode Recenzia

Webnode recenzia 2023Tvorba webu s Webnode je jednoduchá - zvládne to aj Vaša babičkaVitajte v našej Webnode recenzii, kde Vám ponúkame objektívny pohľad na editor, tzv. program na vytváranie webových stránok, od spoločnosti Webnode. Tvorba webu zdarma vs. prémiové...

🚀 Webnode áttekintés

Szerettél volna valaha weboldalt létrehozni a semmiből? Gondolkozol rajta, hogy weboldalt vagy webáruházat készíts, hogy jelen legyél az interneten? Kezdd el most és tudd meg, hogyan tudod könnyen létrehozni az első egyedi weboldaladat.  A Webnode-dal olyan egyszerű...

Revisión de Webnode 2023

¿Alguna vez has querido crear tu propia página web desde cero? ¿Quieres crear una webo una tienda online y hacerla visible en Internet? Comience ahora mismo y aprenda a crear fácilmente su primer sitio web personalizado.Crear una web con Webnode es muy simple incluso...

Webnode kokemuksia

Oletko koskaan halunnut luoda oman sivuston ihan tyhjästä? Haluatko luoda kotisivut tai verkkokaupan ja tulla näkyviin internetissä? Aloita nyt ja opi helposti luomaan oman sivuston.Sivuston luonti Webnodella on helppo – jopa mummosi siinä onnistuu   Tässä...

Webnode Κριτική: Πώς να δημιουργήσετε δωρεάν ιστοσελίδα ή E-shop (+ΣΥΜΒΟΥΛΕΣ SEO)

Σκέφτεστε να αποκτήσετε τη δική σας ιστοσελίδα; Θέλατε να φτιάξετε μία ιστοσελίδα ή E-shop ώστε να σας βρίσκουν στο Internet; Ξεκινήστε μαθαίνοντας πώς μπορείτε να φτιάξετε εύκολα την πρώτη ιστοσελίδα σας.Η δημιουργία ιστοσελίδας με τη Webnode είναι πολύ απλή ακόμα...

⭐Webnode Eerlijk Recensie & Beoordeling

Heb je ooit je eigen website vanaf nul willen maken? Wil je een website of e-shop maken en die zichtbaar maken op het Internet? Ga nu meteen aan de slag en leer hoe je gemakkelijk je eerste eigen website kunt maken.Een website maken met Webnode is enorm eenvoudig. Het...

How to create a website in Webnode using the AI?

Website with Webnode and Artificial Intelligence (AI) Benefits of creating a website with AI TUTORIAL: How to create a website in Webnode using AI? Migrating a website to Webnode using AI Webnode's AI-powered user experience A few words at the end Webnode web using AI...

Tvorba webu ve Webnode s pomocí umělé inteligence (AI).

Webové stránky s Webnode a umělou inteligencí (AI) Výhody tvorby webu pomocí použití umělé inteligence NÁVOD: Jak vytvořit web ve Webnode pomocí umělé inteligence? Migrace webové stránky k Webnode pomocí AI Uživatelské zkušenosti s tvorbou webu pomocí AI od Webnode...

Tvorba webu vo Webnode s pomocou umelej inteligencie (AI).

Webové stránky s Webnode a umelou inteligenciou (AI) Výhody tvorby webu pomocou použitia umelej inteligencie NÁVOD: Ako vytvoriť web vo Webnode pomocou umelej inteligencie? Migrácia webovej stránky k Webnode pomocou AI Užívateľské skúsenosti s tvorbou webu pomocou AI...

How to add reviews from Facebook to a website in Webnode?

Facebook Reviews in Webnode Facebook Reviews - free VS premium Facebook Reviews - choose the right type Facebook Reviews widget and Webnode e-shop/web TUTORIAL: How to add reviews from Facebook to a website in Webnode? A few words at the end Facebook Reviews HTML...

Jak přidat recenze z Facebook na web ve Webnode?

Facebook Recenze ve Webnode Facebook Recenze - zdarma VS premium Facebook Recenze - vyberte si ten správný typ Facebook Recenze widget a Webnode e-shop/web NÁVOD: Jak přidat recenze z Facebook na web ve Webnode? Pár slov na závěr Facebook Recenze HTML Widget - Časté...

Ako pridať recenzie z Facebook na web vo Webnode?

Facebook Recenzie vo Webnode Facebook Recenzie - zdarma VS premium Facebook Recenzie - vyberte si ten správny typ Facebook Recenzie widget a Webnode e-shop/web NÁVOD: Ako pridať recenzie z Facebook na web vo Webnode? Pár slov na záver Facebook Recenzie HTML Widget -...

Líbil se ti tento návod? Pošli ho přátelům 🙂

Exit mobile version