{"id":605,"date":"2013-05-27T13:58:52","date_gmt":"2013-05-27T11:58:52","guid":{"rendered":"http:\/\/semmelweis.hu\/wiki\/?p=605"},"modified":"2025-09-23T12:46:46","modified_gmt":"2025-09-23T10:46:46","slug":"egyszeru-tablazatok","status":"publish","type":"page","link":"https:\/\/semmelweis.hu\/wiki\/tartalom-kezeles\/egyszeru-tablazatok\/","title":{"rendered":"Egyszer\u0171 t\u00e1bl\u00e1zatok (html table tag)"},"content":{"rendered":"<div class=\"responsive-tabs\">\n<h2 class=\"tabtitle\">T\u00e1bl\u00e1zat besz\u00far\u00e1sa<\/h2>\n<div class=\"tabcontent\">\n\n<h3>Egyszer\u0171 t\u00e1bl\u00e1zatok a honlapunkon<\/h3>\n<p>Cikkbe, oldalba lehet\u0151s\u00e9g\u00fcnk van egyszer\u0171 t\u00e1bl\u00e1zatokat beilleszteni (&lt;table&gt;). Ez a t\u00e1bl\u00e1zat egyszer\u0171bb adatk\u00f6zl\u00e9sre szolg\u00e1lhat, ne v\u00e1rjuk t\u0151le a Word vagy az Excel adta form\u00e1z\u00e1si lehet\u0151s\u00e9geket, kezel\u00e9se is valamivel neh\u00e9zkesebb azok\u00e9n\u00e1l, azonban a t\u00e1bl\u00e1zatok seg\u00edts\u00e9g\u00e9vel \u00e1ttekinthet\u0151bben tudunk adatokat k\u00f6z\u00f6lni, vagy bizonyos form\u00e1z\u00e1si megold\u00e1sokat kivitelezni (pl. f\u00e9nyk\u00e9pes munkat\u00e1rslista).<\/p>\n<div class=\"keretes w-100\">\n<p><span style=\"color: #ff6600;\"><strong>Figyelem!<\/strong> <\/span><strong>A honlapjainkat t\u00f6bbs\u00e9g\u00e9ben m\u00e1r mobiltelefonokr\u00f3l olvass\u00e1k a l\u00e1togat\u00f3k.<\/strong> A mobiltelefonok k\u00e9perny\u0151je jelent\u0151sen kisebb, mint az asztali g\u00e9pek\u00e9, ez\u00e9rt a weboldalakra sz\u00e1nt tartalmak k\u00f6z\u00fcl, <strong>min\u00e9l kisebb ar\u00e1nyban haszn\u00e1ljunk t\u00e1bl\u00e1zatokat \u00e9s azok min\u00e9l egyszer\u0171bbek<\/strong> legyenek, mert a nagyobb t\u00e1bl\u00e1zatokat a mobil k\u00e9sz\u00fcl\u00e9keken csak jobbra g\u00f6rgetve, neh\u00e9zkesen tudj\u00e1k megtekinteni. <strong>Mindig ellen\u0151rizz\u00fck a k\u00e9sz oldalunkat mobiln\u00e9zetben is.<\/strong><\/p>\n<\/div>\n<p>Sokszor a t\u00e1bl\u00e1zat felv\u00e1lthat\u00f3 listajeles vagy sz\u00e1mozott felsorol\u00e1ssal:<\/p>\n<h5>P\u00e9lda egy t\u00e1bl\u00e1zatban elhelyezett tartalomra:<\/h5>\n<table style=\"border-collapse: collapse; width: 100%;\">\n<thead>\n<tr>\n<td style=\"width: 25%; text-align: center;\"><strong>C\u00edm<\/strong><\/td>\n<td style=\"width: 25%; text-align: center;\"><strong>Csoportos\u00edt\u00e1s<\/strong><\/td>\n<td style=\"width: 25%; text-align: center;\"><strong>El\u0151ad\u00f3\u00a0<\/strong><\/td>\n<td style=\"width: 25%; text-align: center;\"><strong>El\u00e9rhet\u0151s\u00e9g<\/strong><\/td>\n<\/tr>\n<\/thead>\n<tbody>\n<tr>\n<td style=\"width: 25%;\"><strong>P\u00e9lda c\u00edm, ami ak\u00e1r hosszabb is lehet \u00e9s ak\u00e1r k\u00e9t \u00f6sszetett r\u00e9szb\u0151l is \u00e1llhat<\/strong><br \/>\n<em>Plusz m\u00e9g alc\u00edme is lehet<\/em><\/td>\n<td style=\"width: 25%;\">Az adott c\u00edm kateg\u00f3ri\u00e1ja vagy szakter\u00fclete<\/td>\n<td style=\"width: 25%;\">Dr. P\u00e9lda L\u00e1szl\u00f3 \u00e9s Dr. Minta Katalin<\/td>\n<td style=\"width: 25%;\">Telefon: +36 1 234 5678 \/11111<\/td>\n<\/tr>\n<tr>\n<td style=\"width: 25%;\"><strong>P\u00e9lda c\u00edm 2, ami ak\u00e1r hosszabb is lehet \u00e9s ak\u00e1r k\u00e9t \u00f6sszetett r\u00e9szb\u0151l is \u00e1llhat<\/strong><br \/>\n<em>Plusz m\u00e9g alc\u00edme is lehet<\/em><\/td>\n<td style=\"width: 25%;\">Az adott c\u00edm 2 kateg\u00f3ri\u00e1ja vagy szakter\u00fclete<\/td>\n<td style=\"width: 25%;\">Dr. Sample Anna \u00e9s Dr. Minta K\u00e1roly<\/td>\n<td style=\"width: 25%;\">Telefon: +36 1 234 5678 \/00000<\/td>\n<\/tr>\n<\/tbody>\n<\/table>\n<h5>P\u00e9ld\u00e1nk felsorol\u00e1sban megjelen\u00edtve:<\/h5>\n<ul>\n<li>\n<p><strong>P\u00e9lda c\u00edm, ami ak\u00e1r hosszabb is lehet \u00e9s ak\u00e1r k\u00e9t \u00f6sszetett r\u00e9szb\u0151l is \u00e1llhat<\/strong><br \/>\n<em>Plusz m\u00e9g alc\u00edme is lehet<br \/>\n<\/em>Az adott c\u00edm kateg\u00f3ri\u00e1ja vagy szakter\u00fclete<br \/>\n<strong>El\u0151ad\u00f3: <\/strong>Dr. P\u00e9lda L\u00e1szl\u00f3 \u00e9s Dr. Minta Katalin<br \/>\n<strong>Telefon:<\/strong> +36 1 234 5678 \/11111<\/p>\n<\/li>\n<li>\n<p><strong>P\u00e9lda c\u00edm 2, ami ak\u00e1r hosszabb is lehet \u00e9s ak\u00e1r k\u00e9t \u00f6sszetett r\u00e9szb\u0151l is \u00e1llhat<\/strong><br \/>\n<em>Plusz m\u00e9g alc\u00edme is lehet, ha sz\u00fcks\u00e9g van r\u00e1<br \/>\n<\/em>Az adott c\u00edm 2 kateg\u00f3ri\u00e1ja vagy szakter\u00fclete<br \/>\n<strong>El\u0151ad\u00f3: <\/strong>Dr. Sample Anna \u00e9s Dr. Minta K\u00e1roly<br \/>\n<strong>Telefon:<\/strong> +36 1 234 5678 \/00000<\/p>\n<\/li>\n<\/ul>\n<div class=\"keretes w-100\">\n<p><strong>Bonyolultabb t\u00e1bl\u00e1zat eset\u00e9n:<\/strong>\u00a0<a href=\"https:\/\/semmelweis.hu\/wiki\/kiegeszito-eszkozok\/excel-fajl-adatainak-megjelenitese-wp-table\/\"><em>Lehet\u0151s\u00e9g van Excel t\u00e1bl\u00e1zatot import\u00e1lni, vagy kereshet\u0151, sz\u0171rhet\u0151 t\u00e1bl\u00e1kat is l\u00e9trehozni, ehhez a TablePress nev\u0171 b\u0151v\u00edtm\u00e9nyt haszn\u00e1ljuk&#8230;<\/em><\/a><\/p>\n<\/div>\n<h3>Hogyan sz\u00farjunk be egyszer\u0171 t\u00e1bl\u00e1zatot oldalba vagy cikkbe<\/h3>\n<p>A\u00a0kiv\u00e1lasztott bejegyz\u00e9st vagy oldalt szerkesztve a <strong>Vizu\u00e1lis szerkeszt\u0151 ablak<\/strong> tetej\u00e9n megjelennek leny\u00edl\u00f3 men\u00fcben a tov\u00e1bbi szerkeszt\u00e9sre vonatkoz\u00f3 men\u00fckb\u0151l lehet kiv\u00e1lasztani a &#8222;<strong>T\u00e1bl\u00e1zat<\/strong>&#8221; men\u00fcpontot.<\/p>\n<p><a href=\"https:\/\/semmelweis.hu\/wiki\/files\/2022\/03\/tablazat_beszurasa.jpg\"><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-2203 size-large aligncenter\" src=\"https:\/\/semmelweis.hu\/wiki\/files\/2022\/03\/tablazat_beszurasa-1024x386.jpg\" alt=\"\" width=\"753\" height=\"284\" srcset=\"https:\/\/semmelweis.hu\/wiki\/files\/2022\/03\/tablazat_beszurasa-1024x386.jpg 1024w, https:\/\/semmelweis.hu\/wiki\/files\/2022\/03\/tablazat_beszurasa-400x151.jpg 400w, https:\/\/semmelweis.hu\/wiki\/files\/2022\/03\/tablazat_beszurasa-150x57.jpg 150w, https:\/\/semmelweis.hu\/wiki\/files\/2022\/03\/tablazat_beszurasa-768x289.jpg 768w, https:\/\/semmelweis.hu\/wiki\/files\/2022\/03\/tablazat_beszurasa-753x284.jpg 753w, https:\/\/semmelweis.hu\/wiki\/files\/2022\/03\/tablazat_beszurasa.jpg 1250w\" sizes=\"auto, (max-width: 753px) 100vw, 753px\" \/><\/a><\/p>\n<hr \/>\n<p>A n\u00e9gyzetek sz\u00e1maival \u00e1ll\u00edtsuk be a sz\u00fcks\u00e9ges sz\u00e1mokat (oszlop \u00e9s sor sz\u00e1m &#8211; ehhez term\u00e9szetesen k\u00e9s\u0151bb is adhatunk majd, illetve t\u00f6r\u00f6lhet\u00fcnk). Kattint\u00e1ssal a t\u00e1bl\u00e1zat automatikusan megjelenik a szerkeszt\u0151 fel\u00fcleten.\u00a0<\/p>\n<p>Besz\u00far\u00e1s ut\u00e1n a teljes t\u00e1bl\u00e1zati szerkeszt\u0151 ikonsor akt\u00edvv\u00e1 v\u00e1lik. Ha b\u00e1rmely gombra r\u00e1\u00e1llunk az eg\u00e9rrel, p\u00e1r m\u00e1sodperc m\u00falva megjelenik egy felirat, amely r\u00f6viden elmondja, hogy melyik gomb mire szolg\u00e1l.<\/p>\n<p>A t\u00e1bl\u00e1zatban a sz\u00f6veg a megszokott m\u00f3don szerkeszthet\u0151, list\u00e1zhat\u00f3.<\/p>\n<p>B\u00e1r tehet\u00fcnk k\u00e9pet t\u00e1bl\u00e1zatba, de ha csak az\u00e9rt akarjuk t\u00e1bl\u00e1zatba tenni, hogy a sz\u00f6veg\u00fcnk jobb vagy bal oldal\u00e1ra ker\u00fclj\u00f6n, akkor NE tegy\u00fck. Helyette olvassuk el <a href=\"https:\/\/semmelweis.hu\/wiki\/tartalom-kezeles\/kepek-egyeb-fajlok-beillesztese\/\">a k\u00e9p besz\u00far\u00e1sr\u00f3l sz\u00f3l\u00f3 tudnival\u00f3kat<\/a>!\u00a0<\/p>\n<p>A cell\u00e1k k\u00f6z\u00f6tt tabul\u00e1torral v\u00e1lthatunk.<\/p>\n<h3>A t\u00e1bl\u00e1zat tulajdons\u00e1gainak m\u00f3dos\u00edt\u00e1sa<\/h3>\n<p>A t\u00e1bl\u00e1zat beilleszt\u00e9se ut\u00e1n kattintsunk ism\u00e9t a <strong>T\u00e1bl\u00e1zat men\u00fcpontra, <\/strong>majd azon bel\u00fcl a T\u00e1bl\u00e1zat tulajdons\u00e1gaira.<\/p>\n<p><a href=\"https:\/\/semmelweis.hu\/wiki\/files\/2022\/03\/tablazat_tulajdonsagai.jpg\"><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter wp-image-2210\" src=\"https:\/\/semmelweis.hu\/wiki\/files\/2022\/03\/tablazat_tulajdonsagai.jpg\" alt=\"\" width=\"520\" height=\"373\" srcset=\"https:\/\/semmelweis.hu\/wiki\/files\/2022\/03\/tablazat_tulajdonsagai.jpg 563w, https:\/\/semmelweis.hu\/wiki\/files\/2022\/03\/tablazat_tulajdonsagai-400x287.jpg 400w, https:\/\/semmelweis.hu\/wiki\/files\/2022\/03\/tablazat_tulajdonsagai-150x108.jpg 150w\" sizes=\"auto, (max-width: 520px) 100vw, 520px\" \/><\/a><\/p>\n<h5>Az al\u00e1bbi be\u00e1ll\u00edt\u00e1si lehet\u0151s\u00e9gek k\u00f6z\u00fcl v\u00e1laszthatunk:<\/h5>\n<ul style=\"list-style-type: square;\">\n<li><strong>Sz\u00e9less\u00e9g\/magass\u00e1g:\u00a0<\/strong>megadhatjuk, hogy a t\u00e1bl\u00e1zat milyen sz\u00e9les\/magas legyen pl. ha csak a cikk f\u00e9lhas\u00e1bj\u00e1n szeretn\u00e9nk l\u00e1tni a t\u00e1bl\u00e1zatot, akkor mez\u0151be\u00a0adjuk az 50% \u00e9rt\u00e9ket (\u00e9rdemes a %-os \u00e9rt\u00e9ket haszn\u00e1lni, mert az okos eszk\u00f6z\u00f6k\u00f6n \u00edgy k\u00f6nnyebben megjelennek a t\u00e1bl\u00e1zataink). Ha nem adunk meg sz\u00e9less\u00e9get, magass\u00e1got akkor a program a sz\u00f6veg m\u00e9ret\u00e9hez fogja igaz\u00edtani a t\u00e1bl\u00e1zatot, illetve a cell\u00e1kat (ha Wordb\u0151l emel\u00fcnk \u00e1t t\u00e1bl\u00e1zatot m\u00e1sol\u00e1s-beilleszt\u00e9s m\u00f3don, akkor onnan automatikusan pixelben \u00e9rkezik a sz\u00e9less\u00e9g, magass\u00e1g \u00e9rt\u00e9k).<\/li>\n<li>Megadhatjuk a t\u00e1bl\u00e1zat oldalon bel\u00fcli elhelyezked\u00e9s\u00e9t (<strong>Illeszt\u00e9s<\/strong>, ami lehet jobb, bal, k\u00f6z\u00e9p, nincs), adhatunk szeg\u00e9lyvonalat (<strong>Keret<\/strong>, amit eg\u00e9sz \u00e9rt\u00e9k\u0171 pixel sz\u00e1mmal adunk meg)a\n<ul style=\"list-style-type: square;\">\n<li><span style=\"color: #000000;\"><b>Cella bels\u0151 t\u00e1vols\u00e1g<\/b><\/span>\u00a0 = a sz\u00f6vegnek a cella sz\u00e9l\u00e9t\u0151l val\u00f3 t\u00e1vols\u00e1ga,\u00a0eg\u00e9sz sz\u00e1mban adjuk meg, javasolt min. \u00e9rt\u00e9k 3-5<\/li>\n<li>a\u00a0<strong>Cella bels\u0151 keret<\/strong>\u00a0= a cell\u00e1k egym\u00e1st\u00f3l val\u00f3 t\u00e1vols\u00e1ga, eg\u00e9sz sz\u00e1mban adjuk meg, javasolt min. \u00e9rt\u00e9k 3-5<\/li>\n<\/ul>\n<\/li>\n<li>a <strong>Felirat<\/strong> = a t\u00e1bl\u00e1zat felirata\u00a0<\/li>\n<li><strong>Halad\u00f3 be\u00e1ll\u00edt\u00e1sok (Halad\u00f3 f\u00fclre kell kattintani)<\/strong>\n<ul style=\"list-style-type: square;\">\n<li>St\u00edlus = (csak halad\u00f3 felhaszn\u00e1l\u00f3knak CSS be\u00edr\u00e1s\u00e1ra van lehet\u0151s\u00e9g)<\/li>\n<li><strong>Szeg\u00e9ly sz\u00edne<\/strong>\u00a0= szeg\u00e9ly sz\u00edn a kis n\u00e9gyzetes ikonra kattintva kiv\u00e1laszthat\u00f3<\/li>\n<li><strong>H\u00e1tt\u00e9r sz\u00edne<\/strong> = h\u00e1tt\u00e9r sz\u00edn a kis n\u00e9gyzetes ikonra kattintva kiv\u00e1laszthat\u00f3. A t\u00e1bl\u00e1zat besz\u00far\u00e1sa ut\u00e1n, ha a t\u00e1bl\u00e1zatban \u00e1llunk, akkor a t\u00e1bl\u00e1zat besz\u00far\u00e1s\u00e1ra szolg\u00e1l\u00f3 ikonra kattintva is visszajutunk ezekhez a \u00a0be\u00e1ll\u00edt\u00e1si lehet\u0151s\u00e9gekhez.<\/li>\n<\/ul>\n<\/li>\n<\/ul>\n<p><span style=\"background-color: #ffffff; color: #ff0000; font-size: large;\"><strong>FIGYELEM!<\/strong> <\/span>A szerkeszt\u0151fel\u00fcleten nem mindig azt l\u00e1tom, mint ami a v\u00e9gs\u0151 eredm\u00e9ny lesz <em>(pl. szeg\u00e9lyek nem minden esetben l\u00e1tszanak a szerkeszt\u0151 fel\u00fcleten, m\u00edg el\u0151n\u00e9zetben, vagy \u00e9les\u00edt\u00e9s ut\u00e1n m\u00e1r ott lesznek.)<\/em><\/p>\n<h3>Cellatulajdons\u00e1gok<\/h3>\n<p>A <strong>T\u00e1bl\u00e1zat &gt; Cella &gt;<\/strong> \u00e9s almen\u00fcpontjai (Cella tulajdons\u00e1gai, Cella egyes\u00edt\u00e9se, T\u00e1bl\u00e1zat cella megoszt\u00e1sa)\u00a0A Cella tulajdons\u00e1gai men\u00fcpontban az al\u00e1bbi k\u00e9pen l\u00e1that\u00f3 opci\u00f3kat \u00e1ll\u00edthatjuk be:\u00a0<a href=\"https:\/\/semmelweis.hu\/wiki\/files\/2022\/03\/cella_tulajdonsagai-1.jpg\"><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter wp-image-2208\" src=\"https:\/\/semmelweis.hu\/wiki\/files\/2022\/03\/cella_tulajdonsagai-1-400x227.jpg\" alt=\"\" width=\"520\" height=\"295\" srcset=\"https:\/\/semmelweis.hu\/wiki\/files\/2022\/03\/cella_tulajdonsagai-1-400x227.jpg 400w, https:\/\/semmelweis.hu\/wiki\/files\/2022\/03\/cella_tulajdonsagai-1-150x85.jpg 150w, https:\/\/semmelweis.hu\/wiki\/files\/2022\/03\/cella_tulajdonsagai-1.jpg 708w\" sizes=\"auto, (max-width: 520px) 100vw, 520px\" \/><\/a><strong>Sz\u00e9less\u00e9g \u00e9rt\u00e9ket\u00a0 javasolt %-ban megadni, magass\u00e1got pedig hagyjuk \u00fcresen, a rendszer rugalmasan illeszkedik majd a tartalomhoz.\u00a0<\/strong><\/p>\n<ul style=\"list-style-type: square;\">\n<li>A\u00a0<span style=\"color: #000000;\"><b>Cella\u00a0t\u00edpusa<\/b> lehet norm\u00e1l, azaz &#8222;Nincs&#8221; vagy &#8222;Cella fejr\u00e9sz&#8221; ebben az esetben kiemel\u00e9st kap a cella \u00e9s a benne l\u00e9v\u0151 sz\u00f6veg.\u00a0<\/span><\/li>\n<li>A <strong>Hat\u00f3k\u00f6r<\/strong> seg\u00edts\u00e9g\u00e9vel a be\u00e1ll\u00edtott form\u00e1z\u00e1st teljes sorra vagy oszlopra is kiterjeszthetj\u00fck.<\/li>\n<li>A <strong>V\u00edzszintes illeszt\u00e9s<\/strong>t (bal, jobb, k\u00f6z\u00e9p, nincs) ill. a <strong>F\u00fcgg\u0151leges illeszt\u00e9s<\/strong>t (fent, lent, k\u00f6z\u00e9pen, nincs) \u00e9rtelemszer\u0171en v\u00e1lasszuk ki.<\/li>\n<li>A <strong>Halad\u00f3 f\u00fcl<\/strong>ben a t\u00e1bl\u00e1zat tulajdons\u00e1gain\u00e1l olvashat\u00f3 be\u00e1ll\u00edt\u00e1sokat tehetj\u00fck meg a cell\u00e1kra vonatkoztatva.<\/li>\n<\/ul>\n<h3>Sor tulajdons\u00e1gai<\/h3>\n<p>A <strong>T\u00e1bl\u00e1zat &gt; Sor<\/strong> men\u00fcpontban az al\u00e1bbi lehet\u0151s\u00e9gek k\u00f6z\u00fcl v\u00e1laszthatunk \u00e9rtelemszer\u0171en:<a href=\"https:\/\/semmelweis.hu\/wiki\/files\/2022\/03\/tablazat_sorok.jpg\"><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter wp-image-2205\" src=\"https:\/\/semmelweis.hu\/wiki\/files\/2022\/03\/tablazat_sorok-400x351.jpg\" alt=\"\" width=\"500\" height=\"438\" srcset=\"https:\/\/semmelweis.hu\/wiki\/files\/2022\/03\/tablazat_sorok-400x351.jpg 400w, https:\/\/semmelweis.hu\/wiki\/files\/2022\/03\/tablazat_sorok-150x131.jpg 150w, https:\/\/semmelweis.hu\/wiki\/files\/2022\/03\/tablazat_sorok.jpg 679w\" sizes=\"auto, (max-width: 500px) 100vw, 500px\" \/><\/a><\/p>\n<h3>Oszlop tulajdons\u00e1gai<\/h3>\n<p>A <strong>T\u00e1bl\u00e1zat &gt; Oszlop<\/strong> men\u00fcpontban az Oszlop besz\u00far\u00e1sa el\u00e9, Oszlop besz\u00far\u00e1sa m\u00f6g\u00e9 \u00e9s az Oszlop t\u00f6rl\u00e9se opci\u00f3k tal\u00e1lhat\u00f3ak. \u00a0\u00a0<\/p>\n<h3>T\u00e1bl\u00e1zat t\u00f6rl\u00e9se<\/h3>\n<p>A <strong>T\u00e1bl\u00e1zat &gt; T\u00e1bl\u00e1zat t\u00f6rl\u00e9se<\/strong>\u00a0gombra kattintva azt a t\u00e1bl\u00e1zatot t\u00f6r\u00f6lj\u00fck, amelyikben a kurzor \u00e1ll.<\/p>\n\n<\/div><h2 class=\"tabtitle\">T\u00e1bl\u00e1zat st\u00edlusok<\/h2>\n<div class=\"tabcontent\">\n\n<h2>T\u00e1bl\u00e1zatok st\u00edlusai\u00a0<\/h2>\n<p>Ha egyszer\u0171en szeretn\u00e9nk egys\u00e9gesre form\u00e1zni a t\u00e1bl\u00e1zatokat, akkor el\u0151re elk\u00e9sz\u00edtett st\u00edlusok (oszt\u00e1lyok, azaz class-ok) k\u00f6z\u00fcl v\u00e1laszthatunk.<\/p>\n<p>Ha nem \u00e1ll\u00edtunk be semmilyen class-t, akkor a t\u00e1bl\u00e1zatunk \u00edgy n\u00e9z ki majd (az els\u0151 sort a t\u00e1bl\u00e1zat c\u00edmsorak\u00e9nt, azaz thead-k\u00e9nt azonos\u00edtottuk). A t\u00e1bl\u00e1zatnak m\u00e9g azt is megadtuk, hogy az oldal teljes sz\u00e9less\u00e9g\u00e9ben h\u00faz\u00f3dj\u00e9k sz\u00e9t.<\/p>\n<p>A be\u00e1ll\u00edt\u00e1s HTML-ben a k\u00f6vetkez\u0151:<\/p>\n<pre>&lt;table width=\"100%\"&gt;\r\n&lt;thead&gt;\r\n&lt;tr&gt;\r\n&lt;td style=\"width: 50%;\"&gt;N\u00e9v&lt;\/td&gt;\r\n&lt;td style=\"width: 50%;\"&gt;V\u00e1ros&lt;\/td&gt;\r\n&lt;\/tr&gt;\r\n&lt;\/thead&gt;\r\n&lt;tbody&gt;\r\nstb.<\/pre>\n<table width=\"100%\">\n<thead>\n<tr>\n<td style=\"width: 50%;\">N\u00e9v<\/td>\n<td style=\"width: 50%;\">V\u00e1ros<\/td>\n<\/tr>\n<\/thead>\n<tbody>\n<tr>\n<td style=\"width: 50%;\">Kov\u00e1cs<\/td>\n<td style=\"width: 50%;\">Budapest<\/td>\n<\/tr>\n<tr>\n<td style=\"width: 50%;\">Lakatos<\/td>\n<td style=\"width: 50%;\">Szeged<\/td>\n<\/tr>\n<tr>\n<td style=\"width: 50%;\">Nagy<\/td>\n<td style=\"width: 50%;\">Gy\u0151r<\/td>\n<\/tr>\n<\/tbody>\n<\/table>\n<p>&nbsp;<\/p>\n<h4>Keret n\u00e9lk\u00fcli S\u00c1VOS t\u00e1bl\u00e1zat<\/h4>\n<p>Az al\u00e1bb l\u00e1that\u00f3 minta eset\u00e9ben a class=&#8221;no-border&#8221; \u00e9rt\u00e9ket adtunk html n\u00e9zetben a &lt;table&gt; taghez, \u00e9s azt is megszabtuk, hogy az oldal teljes sz\u00e9less\u00e9g\u00e9ben h\u00faz\u00f3djon, \u00edgy a v\u00e9geredm\u00e9ny ez lett (az els\u0151 sort a fentiekhez hasonl\u00f3an thead-k\u00e9nt azonos\u00edtottuk):<\/p>\n<pre>&lt;table class=\"no-border\" width=\"100%\"&gt;\u00a0<\/pre>\n<table class=\"no-border\" width=\"100%\">\n<thead>\n<tr>\n<td style=\"width: 50%;\">N\u00e9v<\/td>\n<td style=\"width: 50%;\">V\u00e1ros<\/td>\n<\/tr>\n<\/thead>\n<tbody>\n<tr>\n<td style=\"width: 50%;\">Kov\u00e1cs<\/td>\n<td style=\"width: 50%;\">Budapest<\/td>\n<\/tr>\n<tr>\n<td style=\"width: 50%;\">Lakatos<\/td>\n<td style=\"width: 50%;\">Szeged<\/td>\n<\/tr>\n<tr>\n<td style=\"width: 50%;\">Nagy<\/td>\n<td style=\"width: 50%;\">Gy\u0151r<\/td>\n<\/tr>\n<\/tbody>\n<\/table>\n<p>&nbsp;<\/p>\n<h4>Keret n\u00e9lk\u00fcli t\u00e1bl\u00e1zat<\/h4>\n<p>Az al\u00e1bbi minta eset\u00e9ben a class=&#8221;plain&#8221; \u00e9rt\u00e9ket adtunk html n\u00e9zetben a &lt;table&gt; taghez, \u00e9s azt is megszabtuk, hogy az oldal teljes sz\u00e9less\u00e9g\u00e9ben h\u00faz\u00f3djon, \u00edgy a v\u00e9geredm\u00e9ny ez lett (az els\u0151 sort a fentiekhez hasonl\u00f3an thead-k\u00e9nt azonos\u00edtottuk):<\/p>\n<pre>&lt;table class=\"plain\" width=\"100%\"&gt; <\/pre>\n<table class=\"plain\" width=\"100%\">\n<thead>\n<tr>\n<td style=\"width: 50%;\">N\u00e9v<\/td>\n<td style=\"width: 50%;\">V\u00e1ros<\/td>\n<\/tr>\n<\/thead>\n<tbody>\n<tr>\n<td style=\"width: 50%;\">Kov\u00e1cs<\/td>\n<td style=\"width: 50%;\">Budapest<\/td>\n<\/tr>\n<tr>\n<td style=\"width: 50%;\">Lakatos<\/td>\n<td style=\"width: 50%;\">Szeged<\/td>\n<\/tr>\n<tr>\n<td style=\"width: 50%;\">Nagy<\/td>\n<td style=\"width: 50%;\">Gy\u0151r<\/td>\n<\/tr>\n<\/tbody>\n<\/table>\n<p>&nbsp;<\/p>\n<h4>Als\u00f3 keretes t\u00e1bl\u00e1zat<\/h4>\n<p>Az al\u00e1bbi minta eset\u00e9ben a class=&#8221;bottom-border&#8221; \u00e9rt\u00e9ket adtunk html n\u00e9zetben a &lt;table&gt; taghez, \u00e9s azt is megszabtuk, hogy az oldal teljes sz\u00e9less\u00e9g\u00e9ben h\u00faz\u00f3djon, \u00edgy a v\u00e9geredm\u00e9ny ez lett (az els\u0151 sort a fentiekhez hasonl\u00f3an thead-k\u00e9nt azonos\u00edtottuk):<\/p>\n<pre>&lt;table class=\"bottom-border\" width=\"100%\"&gt;<\/pre>\n<table class=\"bottom-border\" width=\"100%\">\n<thead>\n<tr>\n<td style=\"width: 50%;\">N\u00e9v<\/td>\n<td style=\"width: 50%;\">V\u00e1ros<\/td>\n<\/tr>\n<\/thead>\n<tbody>\n<tr>\n<td style=\"width: 50%;\">Kov\u00e1cs<\/td>\n<td style=\"width: 50%;\">Budapest<\/td>\n<\/tr>\n<tr>\n<td style=\"width: 50%;\">Lakatos<\/td>\n<td style=\"width: 50%;\">Szeged<\/td>\n<\/tr>\n<tr>\n<td style=\"width: 50%;\">Nagy<\/td>\n<td style=\"width: 50%;\">Gy\u0151r<\/td>\n<\/tr>\n<\/tbody>\n<\/table>\n<p>&nbsp;<\/p>\n<h4>Als\u00f3 \u00e9s elv\u00e1laszt\u00f3 keretes t\u00e1bl\u00e1zat<\/h4>\n<p>Az al\u00e1bbi minta eset\u00e9ben a class=&#8221;middle-border&#8221; \u00e9rt\u00e9ket adtunk html n\u00e9zetben a &lt;table&gt; taghez, \u00e9s azt is megszabtuk, hogy az oldal teljes sz\u00e9less\u00e9g\u00e9ben h\u00faz\u00f3djon, \u00edgy a v\u00e9geredm\u00e9ny ez lett (az els\u0151 sort a fentiekhez hasonl\u00f3an thead-k\u00e9nt azonos\u00edtottuk):<\/p>\n<pre>&lt;table class=\"middle-border\" width=\"100%\"&gt;<\/pre>\n<table class=\"middle-border\" width=\"100%\">\n<thead>\n<tr>\n<td style=\"width: 50%;\">N\u00e9v<\/td>\n<td style=\"width: 50%;\">V\u00e1ros<\/td>\n<\/tr>\n<\/thead>\n<tbody>\n<tr>\n<td style=\"width: 50%;\">Kov\u00e1cs<\/td>\n<td style=\"width: 50%;\">Budapest<\/td>\n<\/tr>\n<tr>\n<td style=\"width: 50%;\">Lakatos<\/td>\n<td style=\"width: 50%;\">Szeged<\/td>\n<\/tr>\n<tr>\n<td style=\"width: 50%;\">Nagy<\/td>\n<td style=\"width: 50%;\">Gy\u0151r<\/td>\n<\/tr>\n<\/tbody>\n<\/table>\n<\/div><\/div>\n","protected":false},"excerpt":{"rendered":"<p>Egyszer\u0171 t\u00e1bl\u00e1zatok a honlapunkon Cikkbe, oldalba lehet\u0151s\u00e9g\u00fcnk van egyszer\u0171 t\u00e1bl\u00e1zatokat beilleszteni (&lt;table&gt;). Ez a t\u00e1bl\u00e1zat egyszer\u0171bb adatk\u00f6zl\u00e9sre szolg\u00e1lhat, ne v\u00e1rjuk t\u0151le a Word vagy az Excel adta form\u00e1z\u00e1si lehet\u0151s\u00e9geket, kezel\u00e9se is valamivel neh\u00e9zkesebb azok\u00e9n\u00e1l, azonban a t\u00e1bl\u00e1zatok seg\u00edts\u00e9g\u00e9vel \u00e1ttekinthet\u0151bben tudunk adatokat k\u00f6z\u00f6lni, vagy bizonyos form\u00e1z\u00e1si megold\u00e1sokat kivitelezni (pl. f\u00e9nyk\u00e9pes munkat\u00e1rslista). Figyelem! A honlapjainkat t\u00f6bbs\u00e9g\u00e9ben m\u00e1r &hellip;<\/p>\n","protected":false},"author":12,"featured_media":0,"parent":949,"menu_order":7,"comment_status":"open","ping_status":"closed","template":"template-fullwidth.php","meta":{"_acf_changed":false,"footnotes":""},"categories":[106],"tags":[],"class_list":["post-605","page","type-page","status-publish","hentry","category-egyeb"],"acf":[],"publishpress_future_action":{"enabled":false,"date":"1970-01-01 01:00:00","action":"","terms":[],"taxonomy":"","browser_timezone_offset":0},"_links":{"self":[{"href":"https:\/\/semmelweis.hu\/wiki\/wp-json\/wp\/v2\/pages\/605","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/semmelweis.hu\/wiki\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/semmelweis.hu\/wiki\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/semmelweis.hu\/wiki\/wp-json\/wp\/v2\/users\/12"}],"replies":[{"embeddable":true,"href":"https:\/\/semmelweis.hu\/wiki\/wp-json\/wp\/v2\/comments?post=605"}],"version-history":[{"count":11,"href":"https:\/\/semmelweis.hu\/wiki\/wp-json\/wp\/v2\/pages\/605\/revisions"}],"predecessor-version":[{"id":3288,"href":"https:\/\/semmelweis.hu\/wiki\/wp-json\/wp\/v2\/pages\/605\/revisions\/3288"}],"up":[{"embeddable":true,"href":"https:\/\/semmelweis.hu\/wiki\/wp-json\/wp\/v2\/pages\/949"}],"wp:attachment":[{"href":"https:\/\/semmelweis.hu\/wiki\/wp-json\/wp\/v2\/media?parent=605"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/semmelweis.hu\/wiki\/wp-json\/wp\/v2\/categories?post=605"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/semmelweis.hu\/wiki\/wp-json\/wp\/v2\/tags?post=605"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}