{"id":35521,"date":"2025-03-28T10:55:45","date_gmt":"2025-03-28T08:55:45","guid":{"rendered":"https:\/\/goit.global\/?post_type=articles&#038;p=35521"},"modified":"2026-04-30T14:32:05","modified_gmt":"2026-04-30T11:32:05","slug":"verstka-tablyts-shcho-tse-take-i-de-tsomu-navchaiut","status":"publish","type":"articles","link":"https:\/\/goit.global\/ua\/articles\/verstka-tablyts-shcho-tse-take-i-de-tsomu-navchaiut\/","title":{"rendered":"\u0412\u0435\u0440\u0441\u0442\u043a\u0430 \u0442\u0430\u0431\u043b\u0438\u0446\u044c: \u0449\u043e \u0446\u0435 \u0442\u0430\u043a\u0435 \u0456 \u0434\u0435 \u0446\u044c\u043e\u043c\u0443 \u043d\u0430\u0432\u0447\u0430\u044e\u0442\u044c"},"content":{"rendered":"<p>HTML-&#1090;&#1072;&#1073;&#1083;&#1080;&#1094;&#1110; &ndash; &#1086;&#1076;&#1080;&#1085; &#1110;&#1079; &#1085;&#1072;&#1081;&#1089;&#1090;&#1072;&#1088;&#1110;&#1096;&#1080;&#1093; &#1110; &#1085;&#1072;&#1076;&#1110;&#1081;&#1085;&#1080;&#1093; &#1089;&#1087;&#1086;&#1089;&#1086;&#1073;&#1110;&#1074; &#1089;&#1090;&#1088;&#1091;&#1082;&#1090;&#1091;&#1088;&#1086;&#1074;&#1072;&#1085;&#1086;&#1111; &#1088;&#1086;&#1079;&#1084;&#1110;&#1090;&#1082;&#1080; &#1076;&#1072;&#1085;&#1080;&#1093; &#1085;&#1072; &#1089;&#1072;&#1081;&#1090;&#1110;. &#1042;&#1077;&#1088;&#1089;&#1090;&#1082;&#1072; &#1090;&#1072;&#1073;&#1083;&#1080;&#1094;&#1100; <a href=\"https:\/\/goit.global\/ua\/glossary\/html-hypertext-markup-language\/?amp%3Butm_medium=articles&#038;amp%3Butm_campaign=35521\" target=\"_blank\" rel=\"noopener\">HTML<\/a> &#1076;&#1086;&#1079;&#1074;&#1086;&#1083;&#1103;&#1108; &#1089;&#1090;&#1074;&#1086;&#1088;&#1102;&#1074;&#1072;&#1090;&#1080; &#1089;&#1090;&#1088;&#1091;&#1082;&#1090;&#1091;&#1088;&#1086;&#1074;&#1072;&#1085;&#1110; &#1086;&#1073;&#1083;&#1072;&#1089;&#1090;&#1110; &#1076;&#1083;&#1103; &#1087;&#1088;&#1077;&#1076;&#1089;&#1090;&#1072;&#1074;&#1083;&#1077;&#1085;&#1085;&#1103; &#1090;&#1077;&#1082;&#1089;&#1090;&#1086;&#1074;&#1086;&#1111; &#1090;&#1072; &#1095;&#1080;&#1089;&#1083;&#1086;&#1074;&#1086;&#1111; &#1110;&#1085;&#1092;&#1086;&#1088;&#1084;&#1072;&#1094;&#1110;&#1111;.<\/p>\n<p>&#1040;&#1083;&#1077; &#1103;&#1082; &#1087;&#1088;&#1072;&#1074;&#1080;&#1083;&#1100;&#1085;&#1086; &#1079;&#1074;&#1077;&#1088;&#1089;&#1090;&#1072;&#1090;&#1080; &#1090;&#1072;&#1073;&#1083;&#1080;&#1094;&#1102; &#1079; &#1091;&#1088;&#1072;&#1093;&#1091;&#1074;&#1072;&#1085;&#1085;&#1103;&#1084; <a href=\"https:\/\/goit.global\/ua\/glossary\/?amp%3Butm_medium=articles&#038;amp%3Butm_campaign=35521\" target=\"_blank\" rel=\"noopener\">&#1089;&#1077;&#1084;&#1072;&#1085;&#1090;&#1080;&#1082;&#1080; HTML<\/a> &#1110; CSS-&#1089;&#1090;&#1080;&#1083;&#1110;&#1079;&#1072;&#1094;&#1110;&#1111;? &#1030; &#1076;&#1077; &#1094;&#1100;&#1086;&#1084;&#1091; &#1096;&#1074;&#1080;&#1076;&#1082;&#1086; &#1090;&#1072; &#1083;&#1077;&#1075;&#1082;&#1086; &#1085;&#1072;&#1074;&#1095;&#1080;&#1090;&#1080;&#1089;&#1103;, &#1072; &#1075;&#1086;&#1083;&#1086;&#1074;&#1085;&#1077; &ndash; &#1085;&#1077;&#1076;&#1086;&#1088;&#1086;&#1075;&#1086;? &#1059; &#1094;&#1100;&#1086;&#1084;&#1091; &#1084;&#1072;&#1090;&#1077;&#1088;&#1110;&#1072;&#1083;&#1110; &#1084;&#1080; &#1088;&#1086;&#1079;&#1075;&#1083;&#1103;&#1085;&#1077;&#1084;&#1086; &#1074;&#1089;&#1110; &#1074;&#1072;&#1078;&#1083;&#1080;&#1074;&#1110; &#1072;&#1089;&#1087;&#1077;&#1082;&#1090;&#1080; &#1081; &#1074;&#1110;&#1076;&#1087;&#1086;&#1074;&#1110;&#1084;&#1086; &#1085;&#1072; &#1085;&#1072;&#1081;&#1095;&#1072;&#1089;&#1090;&#1110;&#1096;&#1077; &#1079;&#1072;&#1076;&#1072;&#1074;&#1072;&#1085;&#1110; &#1087;&#1080;&#1090;&#1072;&#1085;&#1085;&#1103;.<\/p>\n<p><a href=\"https:\/\/html-m-lp-ua.goit.global\/?amp%3Butm_medium=articles&#038;amp%3Butm_campaign=35521\"><picture id=\"gb-banner-29fbe78lggz\" class=\"gb-banner\" data-gb-banner=\"true\"><source srcset=\"https:\/\/web-dev-goit.s3.eu-north-1.amazonaws.com\/app\/uploads\/2023\/03\/28013232\/1280-HTML-CSS.jpg\" media=\"(min-width:1280px)\"><\/source><source srcset=\"https:\/\/web-dev-goit.s3.eu-north-1.amazonaws.com\/app\/uploads\/2023\/03\/28013231\/1024-HTML-CSS.jpg\" media=\"(min-width:1024px)\"><\/source><source srcset=\"https:\/\/web-dev-goit.s3.eu-north-1.amazonaws.com\/app\/uploads\/2023\/03\/28013229\/768-HTML-CSS.jpg\" media=\"(min-width:768px)\"><\/source><source srcset=\"https:\/\/web-dev-goit.s3.eu-north-1.amazonaws.com\/app\/uploads\/2023\/03\/28013227\/480x159-HTML-CSS.jpg\" media=\"(min-width:480px)\"><\/source><\/picture><\/a>\n<\/p>\n<h2>&#1065;&#1086; &#1090;&#1072;&#1082;&#1077; HTML-&#1090;&#1072;&#1073;&#1083;&#1080;&#1094;&#1110; &#1090;&#1072; &#1085;&#1072;&#1074;&#1110;&#1097;&#1086; &#1074;&#1086;&#1085;&#1080; &#1087;&#1086;&#1090;&#1088;&#1110;&#1073;&#1085;&#1110;<\/h2>\n<p>\nHTML-&#1090;&#1072;&#1073;&#1083;&#1080;&#1094;&#1110; &#1087;&#1088;&#1080;&#1079;&#1085;&#1072;&#1095;&#1077;&#1085;&#1110; &#1076;&#1083;&#1103; &#1087;&#1088;&#1077;&#1076;&#1089;&#1090;&#1072;&#1074;&#1083;&#1077;&#1085;&#1085;&#1103; &#1090;&#1072;&#1073;&#1083;&#1080;&#1095;&#1085;&#1080;&#1093; &#1076;&#1072;&#1085;&#1080;&#1093;. &#1042;&#1086;&#1085;&#1080; &#1076;&#1086;&#1087;&#1086;&#1084;&#1072;&#1075;&#1072;&#1102;&#1090;&#1100; &#1089;&#1090;&#1088;&#1091;&#1082;&#1090;&#1091;&#1088;&#1091;&#1074;&#1072;&#1090;&#1080; &#1110;&#1085;&#1092;&#1086;&#1088;&#1084;&#1072;&#1094;&#1110;&#1102; &#1090;&#1072; &#1079;&#1072;&#1073;&#1077;&#1079;&#1087;&#1077;&#1095;&#1091;&#1102;&#1090;&#1100; &#1079;&#1088;&#1091;&#1095;&#1085;&#1110;&#1089;&#1090;&#1100; &#1095;&#1080;&#1090;&#1072;&#1085;&#1085;&#1103; &#1082;&#1086;&#1085;&#1090;&#1077;&#1085;&#1090;&#1091;. &#1043;&#1088;&#1072;&#1084;&#1086;&#1090;&#1085;&#1072; &#1074;&#1077;&#1088;&#1089;&#1090;&#1082;&#1072; &#1090;&#1072;&#1073;&#1083;&#1080;&#1094;&#1100; <a href=\"https:\/\/goit.global\/ua\/articles\/html-i-css-shcho-tse-komu-ta-dlia-choho-potribno\/\" target=\"_blank\" rel=\"noopener\">HTML<\/a> &#1076;&#1086;&#1079;&#1074;&#1086;&#1083;&#1103;&#1108; &#1087;&#1088;&#1072;&#1074;&#1080;&#1083;&#1100;&#1085;&#1086; &#1074;&#1110;&#1076;&#1086;&#1073;&#1088;&#1072;&#1078;&#1072;&#1090;&#1080; &#1076;&#1072;&#1085;&#1110; &#1085;&#1072; &#1073;&#1091;&#1076;&#1100;-&#1103;&#1082;&#1080;&#1093; &#1087;&#1088;&#1080;&#1089;&#1090;&#1088;&#1086;&#1103;&#1093; &#1110; &#1072;&#1076;&#1072;&#1087;&#1090;&#1091;&#1074;&#1072;&#1090;&#1080; &#1111;&#1093; &#1087;&#1110;&#1076; &#1089;&#1090;&#1080;&#1083;&#1110;&#1089;&#1090;&#1080;&#1082;&#1091; &#1089;&#1072;&#1081;&#1090;&#1091;.\n<\/p>\n<h2>&#1054;&#1089;&#1085;&#1086;&#1074;&#1080; &#1089;&#1077;&#1084;&#1072;&#1085;&#1090;&#1080;&#1082;&#1080; HTML &#1087;&#1088;&#1080; &#1089;&#1090;&#1074;&#1086;&#1088;&#1077;&#1085;&#1085;&#1110; &#1090;&#1072;&#1073;&#1083;&#1080;&#1094;&#1100;<\/h2>\n<p>\n&#1055;&#1088;&#1080; &#1088;&#1086;&#1079;&#1088;&#1086;&#1073;&#1094;&#1110; &#1090;&#1072;&#1073;&#1083;&#1080;&#1094;&#1110; &#1074; HTML &#1074;&#1072;&#1078;&#1083;&#1080;&#1074;&#1086; &#1076;&#1086;&#1090;&#1088;&#1080;&#1084;&#1091;&#1074;&#1072;&#1090;&#1080;&#1089;&#1103; &#1087;&#1088;&#1080;&#1085;&#1094;&#1080;&#1087;&#1110;&#1074; &#1089;&#1077;&#1084;&#1072;&#1085;&#1090;&#1080;&#1095;&#1085;&#1086;&#1111; &#1074;&#1077;&#1088;&#1089;&#1090;&#1082;&#1080;. &#1062;&#1077; &#1076;&#1086;&#1079;&#1074;&#1086;&#1083;&#1103;&#1108; &#1087;&#1086;&#1096;&#1091;&#1082;&#1086;&#1074;&#1080;&#1084; &#1089;&#1080;&#1089;&#1090;&#1077;&#1084;&#1072;&#1084; &#1110; &#1076;&#1086;&#1087;&#1086;&#1084;&#1110;&#1078;&#1085;&#1080;&#1084; &#1090;&#1077;&#1093;&#1085;&#1086;&#1083;&#1086;&#1075;&#1110;&#1103;&#1084; &#1082;&#1086;&#1088;&#1077;&#1082;&#1090;&#1085;&#1086; &#1110;&#1085;&#1090;&#1077;&#1088;&#1087;&#1088;&#1077;&#1090;&#1091;&#1074;&#1072;&#1090;&#1080; &#1076;&#1072;&#1085;&#1110;.<\/p>\n<p>&#1059; &#1073;&#1072;&#1079;&#1086;&#1074;&#1086;&#1084;&#1091; &#1074;&#1080;&#1075;&#1083;&#1103;&#1076;&#1110; HTML-&#1090;&#1072;&#1073;&#1083;&#1080;&#1094;&#1103; &#1089;&#1082;&#1083;&#1072;&#1076;&#1072;&#1108;&#1090;&#1100;&#1089;&#1103; &#1079;:\n<\/p>\n<ul>\n<li aria-level=\"1\">&#1090;&#1077;&#1075;&#1072; <a href=\"https:\/\/goit.global\/ua\/glossary\/tag-table\/?amp%3Butm_medium=articles&#038;amp%3Butm_campaign=35521\" target=\"_blank\" rel=\"noopener\">&lt;table&gt;<\/a> (&#1090;&#1072;&#1073;&#1083;&#1080;&#1094;&#1103;) &ndash; &#1079;&#1072;&#1075;&#1072;&#1083;&#1100;&#1085;&#1080;&#1081; &#1082;&#1086;&#1085;&#1090;&#1077;&#1081;&#1085;&#1077;&#1088; &#1076;&#1083;&#1103; &#1090;&#1072;&#1073;&#1083;&#1080;&#1094;&#1110;;<\/li>\n<li aria-level=\"1\">&#1090;&#1077;&#1075;&#1072; <a href=\"https:\/\/goit.global\/ua\/glossary\/table-row-tag\/?amp%3Butm_medium=articles&#038;amp%3Butm_campaign=35521\" target=\"_blank\" rel=\"noopener\">&lt;tr&gt;<\/a> (&#1088;&#1103;&#1076;&#1086;&#1082;) &ndash; &#1089;&#1090;&#1074;&#1086;&#1088;&#1102;&#1108; &#1086;&#1082;&#1088;&#1077;&#1084;&#1080;&#1081; &#1088;&#1103;&#1076;&#1086;&#1082;;<\/li>\n<li aria-level=\"1\">&#1090;&#1077;&#1075;&#1072; <a href=\"https:\/\/goit.global\/ua\/glossary\/table-cell-tag\/?amp%3Butm_medium=articles&#038;amp%3Butm_campaign=35521\" target=\"_blank\" rel=\"noopener\">&lt;td&gt;<\/a> (&#1082;&#1086;&#1084;&#1110;&#1088;&#1082;&#1072;) &ndash; &#1089;&#1090;&#1074;&#1086;&#1088;&#1102;&#1108; &#1079;&#1074;&#1080;&#1095;&#1072;&#1081;&#1085;&#1091; &#1082;&#1086;&#1084;&#1110;&#1088;&#1082;&#1091;;<\/li>\n<li aria-level=\"1\">&#1090;&#1077;&#1075;&#1072; <a href=\"https:\/\/goit.global\/ua\/glossary\/table-title-tag\/?amp%3Butm_medium=articles&#038;amp%3Butm_campaign=35521\" target=\"_blank\" rel=\"noopener\">&lt;th&gt;<\/a> (&#1079;&#1072;&#1075;&#1086;&#1083;&#1086;&#1074;&#1086;&#1082;) &ndash; &#1082;&#1086;&#1084;&#1110;&#1088;&#1082;&#1072; &#1079;&#1072;&#1075;&#1086;&#1083;&#1086;&#1074;&#1082;&#1072;.<\/li>\n<\/ul>\n<p>\n&#1055;&#1088;&#1080;&#1082;&#1083;&#1072;&#1076; &#1073;&#1072;&#1079;&#1086;&#1074;&#1086;&#1111; &#1089;&#1090;&#1088;&#1091;&#1082;&#1090;&#1091;&#1088;&#1080; HTML-&#1090;&#1072;&#1073;&#1083;&#1080;&#1094;&#1110;:<\/p>\n<p><strong>&lt;table&gt;<\/strong><\/p>\n<p><strong>&nbsp;&nbsp;&lt;tr&gt;<\/strong><\/p>\n<p><strong>&nbsp;&nbsp;&nbsp;&nbsp;&lt;th&gt;&#1047;&#1072;&#1075;&#1086;&#1083;&#1086;&#1074;&#1086;&#1082; 1&lt;\/th&gt;<\/strong><\/p>\n<p><strong>&nbsp;&nbsp;&nbsp;&nbsp;&lt;th&gt;&#1047;&#1072;&#1075;&#1086;&#1083;&#1086;&#1074;&#1086;&#1082; 2&lt;\/th&gt;<\/strong><\/p>\n<p><strong>&nbsp;&nbsp;&lt;\/tr&gt;<\/strong><\/p>\n<p><strong>&nbsp;&nbsp;&lt;tr&gt;<\/strong><\/p>\n<p><strong>&nbsp;&nbsp;&nbsp;&nbsp;&lt;td&gt;&#1050;&#1086;&#1084;&#1110;&#1088;&#1082;&#1072; 1&lt;\/td&gt;<\/strong><\/p>\n<p><strong>&nbsp;&nbsp;&nbsp;&nbsp;&lt;td&gt;&#1050;&#1086;&#1084;&#1110;&#1088;&#1082;&#1072; 2&lt;\/td&gt;<\/strong><\/p>\n<p><strong>&nbsp;&nbsp;&lt;\/tr&gt;<\/strong><\/p>\n<p><strong>&lt;\/table&gt;<\/strong><\/p>\n<p><a href=\"https:\/\/test-lp-ua.goit.global\/?amp%3Butm_medium=articles&#038;amp%3Butm_campaign=35521\"><picture id=\"gb-banner-y0vgrlitoa\" class=\"gb-banner\" data-gb-banner=\"true\"><source srcset=\"https:\/\/web-dev-goit.s3.eu-north-1.amazonaws.com\/app\/uploads\/2023\/10\/08013207\/1280X424.png\" media=\"(min-width:1280px)\"><\/source><source srcset=\"https:\/\/web-dev-goit.s3.eu-north-1.amazonaws.com\/app\/uploads\/2023\/10\/08013202\/1024X340.png\" media=\"(min-width:1024px)\"><\/source><source srcset=\"https:\/\/web-dev-goit.s3.eu-north-1.amazonaws.com\/app\/uploads\/2023\/10\/08013157\/768X256.png\" media=\"(min-width:768px)\"><\/source><source srcset=\"https:\/\/web-dev-goit.s3.eu-north-1.amazonaws.com\/app\/uploads\/2023\/10\/08013154\/480X160.png\" media=\"(min-width:480px)\"><\/source><\/picture><\/a>\n<\/p>\n<h2>&#1071;&#1082; &#1079;&#1074;&#1077;&#1088;&#1089;&#1090;&#1072;&#1090;&#1080; &#1089;&#1082;&#1083;&#1072;&#1076;&#1085;&#1110; &#1090;&#1072;&#1073;&#1083;&#1080;&#1094;&#1110; &ndash; rowspan\/colspan<\/h2>\n<p>\n&#1044;&#1083;&#1103; &#1088;&#1086;&#1073;&#1086;&#1090;&#1080; &#1079;&#1110; &#1089;&#1082;&#1083;&#1072;&#1076;&#1085;&#1080;&#1084;&#1080; &#1090;&#1072;&#1073;&#1083;&#1080;&#1094;&#1103;&#1084;&#1080; HTML &#1085;&#1077;&#1086;&#1073;&#1093;&#1110;&#1076;&#1085;&#1086; &#1074;&#1088;&#1072;&#1093;&#1086;&#1074;&#1091;&#1074;&#1072;&#1090;&#1080; &#1074;&#1082;&#1083;&#1072;&#1076;&#1077;&#1085;&#1110;&#1089;&#1090;&#1100; &#1088;&#1103;&#1076;&#1082;&#1110;&#1074; &#1110; &#1082;&#1086;&#1084;&#1110;&#1088;&#1086;&#1082; &#1091; HTML5-&#1090;&#1072;&#1073;&#1083;&#1080;&#1094;&#1103;&#1093;, &#1072; &#1090;&#1072;&#1082;&#1086;&#1078; &#1079;&#1072;&#1089;&#1090;&#1086;&#1089;&#1086;&#1074;&#1091;&#1074;&#1072;&#1090;&#1080; <a href=\"https:\/\/goit.global\/ua\/glossary\/table-cell-tag\/?amp%3Butm_medium=articles&#038;amp%3Butm_campaign=35521\" target=\"_blank\" rel=\"noopener\">rowspan<\/a> &#1110; <a href=\"https:\/\/goit.global\/ua\/glossary\/table-title-tag\/?amp%3Butm_medium=articles&#038;amp%3Butm_campaign=35521\" target=\"_blank\" rel=\"noopener\">colspan<\/a>. &#1062;&#1077; &#1086;&#1089;&#1086;&#1073;&#1083;&#1080;&#1074;&#1086; &#1082;&#1086;&#1088;&#1080;&#1089;&#1085;&#1086; &#1087;&#1088;&#1080; &#1089;&#1090;&#1074;&#1086;&#1088;&#1077;&#1085;&#1085;&#1110; &#1090;&#1072;&#1082;&#1080;&#1093; &#1089;&#1082;&#1083;&#1072;&#1076;&#1085;&#1080;&#1093; HTML-&#1090;&#1072;&#1073;&#1083;&#1080;&#1094;&#1100;, &#1103;&#1082;, &#1085;&#1072;&#1087;&#1088;&#1080;&#1082;&#1083;&#1072;&#1076;, &#1087;&#1088;&#1080; &#1088;&#1086;&#1079;&#1088;&#1086;&#1073;&#1094;&#1110; &#1087;&#1088;&#1072;&#1081;&#1089;-&#1083;&#1080;&#1089;&#1090;&#1110;&#1074; &#1072;&#1073;&#1086; &#1088;&#1086;&#1079;&#1082;&#1083;&#1072;&#1076;&#1110;&#1074;.<\/p>\n<p>&#1055;&#1088;&#1080;&#1082;&#1083;&#1072;&#1076; &#1089;&#1082;&#1083;&#1072;&#1076;&#1085;&#1086;&#1111; &#1090;&#1072;&#1073;&#1083;&#1080;&#1095;&#1085;&#1086;&#1111; &#1074;&#1077;&#1088;&#1089;&#1090;&#1082;&#1080; HTML:<\/p>\n<p><strong>&lt;table&gt;<\/strong><\/p>\n<p><strong>&nbsp;&nbsp;&lt;tr&gt;<\/strong><\/p>\n<p><strong>&nbsp;&nbsp;&nbsp;&nbsp;&lt;th&gt;&#1047;&#1072;&#1075;&#1086;&#1083;&#1086;&#1074;&#1086;&#1082; 1&lt;\/th&gt;<\/strong><\/p>\n<p><strong>&nbsp;&nbsp;&nbsp;&nbsp;&lt;th colspan=&#8221;2&#8243;&gt;&#1047;&#1072;&#1075;&#1086;&#1083;&#1086;&#1074;&#1086;&#1082; 2&lt;\/th&gt;<\/strong><\/p>\n<p><strong>&nbsp;&nbsp;&lt;\/tr&gt;<\/strong><\/p>\n<p><strong>&nbsp;&nbsp;&lt;tr&gt;<\/strong><\/p>\n<p><strong>&nbsp;&nbsp;&nbsp;&nbsp;&lt;td rowspan=&#8221;2&#8243;&gt;&#1050;&#1086;&#1084;&#1110;&#1088;&#1082;&#1072; 1&lt;\/td&gt;<\/strong><\/p>\n<p><strong>&nbsp;&nbsp;&nbsp;&nbsp;&lt;td&gt;&#1050;&#1086;&#1084;&#1110;&#1088;&#1082;&#1072; 2&lt;\/td&gt;<\/strong><\/p>\n<p><strong>&nbsp;&nbsp;&nbsp;&nbsp;&lt;td&gt;&#1050;&#1086;&#1084;&#1110;&#1088;&#1082;&#1072; 3&lt;\/td&gt;<\/strong><\/p>\n<p><strong>&nbsp;&nbsp;&lt;\/tr&gt;<\/strong><\/p>\n<p><strong>&nbsp;&nbsp;&lt;tr&gt;<\/strong><\/p>\n<p><strong>&nbsp;&nbsp;&nbsp;&nbsp;&lt;td colspan=&#8221;2&#8243;&gt;&#1054;&#1073;&#8217;&#1108;&#1076;&#1085;&#1072;&#1085;&#1072; &#1082;&#1086;&#1084;&#1110;&#1088;&#1082;&#1072;&lt;\/td&gt;<\/strong><\/p>\n<p><strong>&nbsp;&nbsp;&lt;\/tr&gt;<\/strong><\/p>\n<p><strong>&lt;\/table&gt;<\/strong>\n<\/p>\n<h2>&#1057;&#1077;&#1084;&#1072;&#1085;&#1090;&#1080;&#1082;&#1072; HTML &#1110; &#1089;&#1090;&#1080;&#1083;&#1110;&#1079;&#1072;&#1094;&#1110;&#1103; CSS<\/h2>\n<p>\n&#1044;&#1083;&#1103; &#1087;&#1088;&#1072;&#1074;&#1080;&#1083;&#1100;&#1085;&#1086;&#1111; &#1088;&#1086;&#1073;&#1086;&#1090;&#1080; &#1090;&#1072; &#1079;&#1088;&#1091;&#1095;&#1085;&#1086;&#1089;&#1090;&#1110; &#1095;&#1080;&#1090;&#1072;&#1085;&#1085;&#1103; &#1089;&#1090;&#1088;&#1091;&#1082;&#1090;&#1091;&#1088;&#1080; &#1090;&#1072;&#1073;&#1083;&#1080;&#1094;&#1100; HTML &#1085;&#1077;&#1086;&#1073;&#1093;&#1110;&#1076;&#1085;&#1086; &#1076;&#1086;&#1090;&#1088;&#1080;&#1084;&#1091;&#1074;&#1072;&#1090;&#1080;&#1089;&#1103; &#1089;&#1077;&#1084;&#1072;&#1085;&#1090;&#1080;&#1095;&#1085;&#1086;&#1111; &#1074;&#1077;&#1088;&#1089;&#1090;&#1082;&#1080;. &#1044;&#1083;&#1103; &#1087;&#1086;&#1082;&#1088;&#1072;&#1097;&#1077;&#1085;&#1085;&#1103; &#1079;&#1086;&#1074;&#1085;&#1110;&#1096;&#1085;&#1100;&#1086;&#1075;&#1086; &#1074;&#1080;&#1075;&#1083;&#1103;&#1076;&#1091; &#1090;&#1072;&#1073;&#1083;&#1080;&#1094;&#1110; &#1074;&#1080;&#1082;&#1086;&#1088;&#1080;&#1089;&#1090;&#1086;&#1074;&#1091;&#1108;&#1090;&#1100;&#1089;&#1103; <a href=\"https:\/\/goit.global\/ua\/articles\/html-i-css-shcho-tse-komu-ta-dlia-choho-potribno\/\" target=\"_blank\" rel=\"noopener\">&#1089;&#1090;&#1080;&#1083;&#1110;&#1079;&#1072;&#1094;&#1110;&#1103; CSS<\/a>. &#1042;&#1072;&#1078;&#1083;&#1080;&#1074;&#1086; &#1079;&#1072;&#1089;&#1090;&#1086;&#1089;&#1086;&#1074;&#1091;&#1074;&#1072;&#1090;&#1080; &#1089;&#1090;&#1080;&#1083;&#1110; &#1076;&#1083;&#1103; &#1087;&#1086;&#1082;&#1088;&#1072;&#1097;&#1077;&#1085;&#1085;&#1103; &#1095;&#1080;&#1090;&#1072;&#1073;&#1077;&#1083;&#1100;&#1085;&#1086;&#1089;&#1090;&#1110; &#1090;&#1072; &#1072;&#1076;&#1072;&#1087;&#1090;&#1080;&#1074;&#1085;&#1086;&#1089;&#1090;&#1110;.<\/p>\n<p>&#1044;&#1077;&#1103;&#1082;&#1110; &#1082;&#1086;&#1088;&#1080;&#1089;&#1085;&#1110; CSS-&#1087;&#1088;&#1080;&#1081;&#1086;&#1084;&#1080; &#1076;&#1083;&#1103; &#1090;&#1072;&#1073;&#1083;&#1080;&#1094;&#1100;:<\/p>\n<p><strong>table {<\/strong><\/p>\n<p><strong>&nbsp;&nbsp;width: 100%; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; <\/strong><em>\/* &#1056;&#1086;&#1079;&#1090;&#1103;&#1075;&#1091;&#1108; &#1090;&#1072;&#1073;&#1083;&#1080;&#1094;&#1102; &#1085;&#1072; &#1074;&#1089;&#1102; &#1096;&#1080;&#1088;&#1080;&#1085;&#1091; &#1082;&#1086;&#1085;&#1090;&#1077;&#1081;&#1085;&#1077;&#1088;&#1072; *\/<\/em><\/p>\n<p><strong>&nbsp;&nbsp;border-collapse: collapse; <\/strong><em>\/* &#1054;&#1073;&#8217;&#1108;&#1076;&#1085;&#1091;&#1108; &#1084;&#1077;&#1078;&#1110; &#1082;&#1086;&#1084;&#1110;&#1088;&#1086;&#1082; &#1074; &#1086;&#1076;&#1085;&#1091; &#1083;&#1110;&#1085;&#1110;&#1102; *\/<\/em><\/p>\n<p><strong>}<\/strong><\/p>\n<p><strong>th, td {<\/strong><\/p>\n<p><strong>&nbsp;&nbsp;border: 1px solid #000;&nbsp; &nbsp; <\/strong><em>\/* &#1052;&#1077;&#1078;&#1110; &#1095;&#1086;&#1088;&#1085;&#1086;&#1075;&#1086; &#1082;&#1086;&#1083;&#1100;&#1086;&#1088;&#1091; &#1090;&#1086;&#1074;&#1097;&#1080;&#1085;&#1086;&#1102; 1px &#1076;&#1083;&#1103; &#1082;&#1086;&#1084;&#1110;&#1088;&#1086;&#1082; *\/<\/em><\/p>\n<p><strong>&nbsp;&nbsp;padding: 10px; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; <\/strong><em>\/* &#1042;&#1085;&#1091;&#1090;&#1088;&#1110;&#1096;&#1085;&#1110; &#1074;&#1110;&#1076;&#1089;&#1090;&#1091;&#1087;&#1080; 10px &#1091; &#1082;&#1086;&#1084;&#1110;&#1088;&#1082;&#1072;&#1093; *\/<\/em><\/p>\n<p><strong>&nbsp;&nbsp;text-align: left;&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; <\/strong><em>\/* &#1042;&#1080;&#1088;&#1110;&#1074;&#1085;&#1102;&#1074;&#1072;&#1085;&#1085;&#1103; &#1090;&#1077;&#1082;&#1089;&#1090;&#1091; &#1087;&#1086; &#1083;&#1110;&#1074;&#1086;&#1084;&#1091; &#1082;&#1088;&#1072;&#1102; *\/<\/em><\/p>\n<p><strong>}<\/strong><\/p>\n<p><strong>th {<\/strong><\/p>\n<p><strong>&nbsp;&nbsp;background-color: #f2f2f2; <\/strong><em>\/* &#1057;&#1110;&#1088;&#1080;&#1081; &#1092;&#1086;&#1085; &#1076;&#1083;&#1103; &#1079;&#1072;&#1075;&#1086;&#1083;&#1086;&#1074;&#1082;&#1110;&#1074; *\/<\/em><\/p>\n<p><strong>}<\/strong><\/p>\n<figure id=\"attachment_35504\" aria-describedby=\"caption-attachment-35504\" style=\"width: 756px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-35504\" src=\"https:\/\/web-dev-goit.s3.eu-north-1.amazonaws.com\/app\/uploads\/2025\/03\/27184001\/hde-uchat-verstat-tablyts-.png\" alt=\"\" width=\"756\" height=\"450\" srcset=\"https:\/\/web-dev-goit.s3.eu-north-1.amazonaws.com\/app\/uploads\/2025\/03\/27184001\/hde-uchat-verstat-tablyts-.png 1424w, https:\/\/web-dev-goit.s3.eu-north-1.amazonaws.com\/app\/uploads\/2025\/03\/27184001\/hde-uchat-verstat-tablyts--300x179.png 300w, https:\/\/web-dev-goit.s3.eu-north-1.amazonaws.com\/app\/uploads\/2025\/03\/27184001\/hde-uchat-verstat-tablyts--1024x610.png 1024w, https:\/\/web-dev-goit.s3.eu-north-1.amazonaws.com\/app\/uploads\/2025\/03\/27184001\/hde-uchat-verstat-tablyts--768x457.png 768w\" sizes=\"auto, (max-width: 756px) 100vw, 756px\" \/><figcaption id=\"caption-attachment-35504\" class=\"wp-caption-text\"><em>&#1055;&#1083;&#1072;&#1085;&#1091;&#1108;&#1096; &#1089;&#1074;&#1086;&#1108; &#1084;&#1072;&#1081;&#1073;&#1091;&#1090;&#1085;&#1108; &#1091; &#1089;&#1092;&#1077;&#1088;&#1110; Digital &#1072;&#1073;&#1086; IT? &#1047;&#1088;&#1086;&#1073;&#1080; &#1087;&#1077;&#1088;&#1096;&#1080;&#1081; &#1082;&#1088;&#1086;&#1082; &#1085;&#1072; <a href=\"https:\/\/goit.global\/ua\/newcomers\/?amp%3Butm_medium=articles&#038;amp%3Butm_campaign=35521\" target=\"_blank\" rel=\"noopener\">&#1073;&#1077;&#1079;&#1087;&#1083;&#1072;&#1090;&#1085;&#1080;&#1093; &#1084;&#1072;&#1088;&#1072;&#1092;&#1086;&#1085;&#1072;&#1093;<\/a> &#1110; &#1076;&#1086;&#1089;&#1103;&#1075;&#1085;&#1080; &#1091;&#1089;&#1087;&#1110;&#1093;&#1091; &#1085;&#1072; <a href=\"https:\/\/goit.global\/ua\/courses\/?amp%3Butm_medium=articles&#038;amp%3Butm_campaign=35521\" target=\"_blank\" rel=\"noopener\">&#1082;&#1091;&#1088;&#1089;&#1072;&#1093; GoIT<\/a>!<\/em><\/figcaption><\/figure>\n<h2>&#1053;&#1072;&#1074;&#1095;&#1072;&#1085;&#1085;&#1103; &#1074;&#1077;&#1088;&#1089;&#1090;&#1082;&#1080; &#1090;&#1072;&#1073;&#1083;&#1080;&#1094;&#1100; &#1091; GoIT<\/h2>\n<p>\n&#1071;&#1082;&#1097;&#1086; &#1090;&#1080; &#1093;&#1086;&#1095;&#1077;&#1096; &#1075;&#1083;&#1080;&#1073;&#1096;&#1077; &#1088;&#1086;&#1079;&#1110;&#1073;&#1088;&#1072;&#1090;&#1080;&#1089;&#1103; &#1074; &#1090;&#1072;&#1073;&#1083;&#1080;&#1094;&#1103;&#1093; HTML5, &#1111;&#1093; &#1089;&#1090;&#1080;&#1083;&#1110;&#1079;&#1072;&#1094;&#1110;&#1111; &#1079; CSS &#1110; &#1089;&#1090;&#1074;&#1086;&#1088;&#1077;&#1085;&#1085;&#1110; &#1089;&#1082;&#1083;&#1072;&#1076;&#1085;&#1080;&#1093; &#1089;&#1090;&#1088;&#1091;&#1082;&#1090;&#1091;&#1088;, &#1088;&#1077;&#1082;&#1086;&#1084;&#1077;&#1085;&#1076;&#1091;&#1108;&#1084;&#1086; <a href=\"https:\/\/goit.global\/ua\/mini-courses\/table\/?amp%3Butm_medium=articles&#038;amp%3Butm_campaign=35521\" target=\"_blank\" rel=\"noopener\">&#1087;&#1088;&#1086;&#1081;&#1090;&#1080; &#1084;&#1110;&#1085;&#1110;&#1082;&#1091;&#1088;&#1089; &laquo;&#1042;&#1077;&#1088;&#1089;&#1090;&#1082;&#1072; &#1090;&#1072;&#1073;&#1083;&#1080;&#1094;&#1100;&raquo; &#1074;&#1110;&#1076; GoIT<\/a>.<\/p>\n<p>&#1042;&#1110;&#1085; &#1074;&#1082;&#1083;&#1102;&#1095;&#1072;&#1108; 10 &#1075;&#1086;&#1076;&#1080;&#1085; &#1085;&#1072;&#1074;&#1095;&#1072;&#1083;&#1100;&#1085;&#1080;&#1093; &#1074;&#1110;&#1076;&#1077;&#1086;, &#1087;&#1086;&#1082;&#1088;&#1086;&#1082;&#1086;&#1074;&#1080;&#1093; &#1090;&#1077;&#1082;&#1089;&#1090;&#1086;&#1074;&#1080;&#1093; &#1110;&#1085;&#1089;&#1090;&#1088;&#1091;&#1082;&#1094;&#1110;&#1081; &#1110; &#1082;&#1074;&#1110;&#1079;&#1110;&#1074;, &#1097;&#1086; &#1076;&#1086;&#1079;&#1074;&#1086;&#1083;&#1103;&#1102;&#1090;&#1100; &#1087;&#1086;&#1082;&#1088;&#1072;&#1097;&#1080;&#1090;&#1080; &#1085;&#1072;&#1074;&#1080;&#1095;&#1082;&#1080; &#1074;&#1077;&#1088;&#1089;&#1090;&#1082;&#1080; &#1081; &#1089;&#1090;&#1088;&#1091;&#1082;&#1090;&#1091;&#1088;&#1091;&#1074;&#1072;&#1085;&#1085;&#1103; &#1090;&#1072;&#1073;&#1083;&#1080;&#1094;&#1100;, &#1089;&#1090;&#1074;&#1086;&#1088;&#1102;&#1102;&#1095;&#1080; &#1073;&#1110;&#1083;&#1100;&#1096; &#1087;&#1088;&#1086;&#1092;&#1077;&#1089;&#1110;&#1081;&#1085;&#1110; &#1074;&#1077;&#1073;&#1089;&#1072;&#1081;&#1090;&#1080; &#1090;&#1072; &#1087;&#1088;&#1086;&#1108;&#1082;&#1090;&#1080;.<\/p>\n<p>&#1052;&#1110;&#1085;&#1110;&#1082;&#1091;&#1088;&#1089; &#1086;&#1088;&#1110;&#1108;&#1085;&#1090;&#1086;&#1074;&#1072;&#1085;&#1080;&#1081; &#1085;&#1072; &#1087;&#1088;&#1072;&#1082;&#1090;&#1080;&#1082;&#1091;: &#1090;&#1080; &#1085;&#1072;&#1074;&#1095;&#1080;&#1096;&#1089;&#1103; &#1089;&#1090;&#1074;&#1086;&#1088;&#1102;&#1074;&#1072;&#1090;&#1080;, &#1089;&#1090;&#1088;&#1091;&#1082;&#1090;&#1091;&#1088;&#1091;&#1074;&#1072;&#1090;&#1080; &#1081; &#1074;&#1077;&#1088;&#1089;&#1090;&#1072;&#1090;&#1080; &#1088;&#1110;&#1079;&#1085;&#1110; &#1090;&#1072;&#1073;&#1083;&#1080;&#1094;&#1110; &#1079; &#1088;&#1110;&#1079;&#1085;&#1086;&#1084;&#1072;&#1085;&#1110;&#1090;&#1085;&#1080;&#1084;&#1080; &#1090;&#1080;&#1087;&#1072;&#1084;&#1080; &#1076;&#1072;&#1085;&#1080;&#1093;. &#1059; &#1088;&#1077;&#1079;&#1091;&#1083;&#1100;&#1090;&#1072;&#1090;&#1110; &#1085;&#1072;&#1074;&#1095;&#1072;&#1085;&#1085;&#1103; &#1090;&#1080; &#1086;&#1090;&#1088;&#1080;&#1084;&#1072;&#1108;&#1096; &#1087;&#1086;&#1074;&#1085;&#1077; &#1088;&#1086;&#1079;&#1091;&#1084;&#1110;&#1085;&#1085;&#1103; &#1088;&#1086;&#1073;&#1086;&#1090;&#1080; &#1079; &#1089;&#1077;&#1084;&#1072;&#1085;&#1090;&#1080;&#1095;&#1085;&#1080;&#1084;&#1080; &#1077;&#1083;&#1077;&#1084;&#1077;&#1085;&#1090;&#1072;&#1084;&#1080; &#1090;&#1072;&#1073;&#1083;&#1080;&#1094;&#1100; &#1110; &#1087;&#1110;&#1076;&#1075;&#1086;&#1090;&#1086;&#1074;&#1082;&#1080; &#1111;&#1093; &#1076;&#1086; &#1074;&#1077;&#1088;&#1089;&#1090;&#1082;&#1080;.<\/p>\n<p>&#1055;&#1110;&#1089;&#1083;&#1103; &#1079;&#1072;&#1074;&#1077;&#1088;&#1096;&#1077;&#1085;&#1085;&#1103; &#1082;&#1091;&#1088;&#1089;&#1091; &#1090;&#1080; &#1079;&#1084;&#1086;&#1078;&#1077;&#1096; &#1074;&#1087;&#1077;&#1074;&#1085;&#1077;&#1085;&#1086; &#1087;&#1088;&#1072;&#1094;&#1102;&#1074;&#1072;&#1090;&#1080; &#1079; &#1090;&#1072;&#1073;&#1083;&#1080;&#1094;&#1103;&#1084;&#1080; &#1074; <a href=\"https:\/\/goit.global\/ua\/articles\/html-i-css-shcho-tse-komu-ta-dlia-choho-potribno\/\" target=\"_blank\" rel=\"noopener\">HTML &#1110; CSS<\/a>, &#1079;&#1072;&#1089;&#1090;&#1086;&#1089;&#1086;&#1074;&#1091;&#1074;&#1072;&#1090;&#1080; &#1089;&#1077;&#1084;&#1072;&#1085;&#1090;&#1080;&#1095;&#1085;&#1091; &#1074;&#1077;&#1088;&#1089;&#1090;&#1082;&#1091; &#1090;&#1072; &#1087;&#1086;&#1082;&#1088;&#1072;&#1097;&#1091;&#1074;&#1072;&#1090;&#1080; &#1082;&#1086;&#1088;&#1080;&#1089;&#1090;&#1091;&#1074;&#1072;&#1094;&#1100;&#1082;&#1080;&#1081; &#1076;&#1086;&#1089;&#1074;&#1110;&#1076; &#1085;&#1072; &#1089;&#1072;&#1081;&#1090;&#1110;.\n<\/p>\n<h2>&#1047;&#1072;&#1084;&#1110;&#1089;&#1090;&#1100; &#1074;&#1080;&#1089;&#1085;&#1086;&#1074;&#1082;&#1091;<\/h2>\n<p>\n&#1042;&#1077;&#1088;&#1089;&#1090;&#1082;&#1072; HTML-&#1090;&#1072;&#1073;&#1083;&#1080;&#1094;&#1100; &ndash; &#1094;&#1077; &#1074;&#1072;&#1078;&#1083;&#1080;&#1074;&#1072; &#1085;&#1072;&#1074;&#1080;&#1095;&#1082;&#1072;, &#1103;&#1082;&#1072; &#1079;&#1085;&#1072;&#1076;&#1086;&#1073;&#1080;&#1090;&#1100;&#1089;&#1103; &#1082;&#1086;&#1078;&#1085;&#1086;&#1084;&#1091; <a href=\"https:\/\/goit.global\/ua\/articles\/khto-takyy-frontend-developer-v-it-rol-obov-iazky-perspektyvy\/\" target=\"_blank\" rel=\"noopener\">&#1074;&#1077;&#1073;&#1088;&#1086;&#1079;&#1088;&#1086;&#1073;&#1085;&#1080;&#1082;&#1091;<\/a>. &#1055;&#1088;&#1072;&#1074;&#1080;&#1083;&#1100;&#1085;&#1072; &#1088;&#1086;&#1079;&#1084;&#1110;&#1090;&#1082;&#1072; &#1090;&#1072;&#1073;&#1083;&#1080;&#1094;&#1110; HTML &#1076;&#1086;&#1087;&#1086;&#1084;&#1072;&#1075;&#1072;&#1108; &#1079;&#1088;&#1086;&#1073;&#1080;&#1090;&#1080; &#1082;&#1086;&#1085;&#1090;&#1077;&#1085;&#1090; &#1089;&#1090;&#1088;&#1091;&#1082;&#1090;&#1091;&#1088;&#1086;&#1074;&#1072;&#1085;&#1080;&#1084; &#1110; &#1079;&#1088;&#1091;&#1095;&#1085;&#1080;&#1084; &#1076;&#1083;&#1103; &#1089;&#1087;&#1088;&#1080;&#1081;&#1085;&#1103;&#1090;&#1090;&#1103;. &#1042;&#1080;&#1082;&#1086;&#1088;&#1080;&#1089;&#1090;&#1086;&#1074;&#1091;&#1102;&#1095;&#1080; &#1089;&#1077;&#1084;&#1072;&#1085;&#1090;&#1080;&#1082;&#1091; HTML, &#1090;&#1077;&#1075;&#1080; &lt;table th tr td&gt;, &#1087;&#1088;&#1072;&#1074;&#1080;&#1083;&#1100;&#1085;&#1091; CSS-&#1089;&#1090;&#1080;&#1083;&#1110;&#1079;&#1072;&#1094;&#1110;&#1102;, &#1090;&#1080; &#1079;&#1084;&#1086;&#1078;&#1077;&#1096; &#1089;&#1090;&#1074;&#1086;&#1088;&#1102;&#1074;&#1072;&#1090;&#1080; &#1103;&#1082; &#1087;&#1088;&#1086;&#1089;&#1090;&#1110;, &#1090;&#1072;&#1082; &#1110; &#1089;&#1082;&#1083;&#1072;&#1076;&#1085;&#1110; &#1090;&#1072;&#1073;&#1083;&#1080;&#1094;&#1110; &#1074; HTML.<\/p>\n<p>&#1040; &#1103;&#1082;&#1097;&#1086; &#1090;&#1080; &#1093;&#1086;&#1095;&#1077;&#1096; &#1096;&#1074;&#1080;&#1076;&#1082;&#1086; &#1085;&#1072;&#1074;&#1095;&#1080;&#1090;&#1080;&#1089;&#1103; &#1074;&#1077;&#1088;&#1089;&#1090;&#1072;&#1090;&#1080; &#1090;&#1072;&#1073;&#1083;&#1080;&#1094;&#1110; &#1085;&#1072; &#1087;&#1088;&#1086;&#1092;&#1077;&#1089;&#1110;&#1081;&#1085;&#1086;&#1084;&#1091; &#1088;&#1110;&#1074;&#1085;&#1110;, <a href=\"https:\/\/goit.global\/ua\/mini-courses\/table\/?amp%3Butm_medium=articles&#038;amp%3Butm_campaign=35521\" target=\"_blank\" rel=\"noopener\">&#1087;&#1088;&#1080;&#1076;&#1073;&#1072;&#1081; &#1084;&#1110;&#1085;&#1110;&#1082;&#1091;&#1088;&#1089; &laquo;&#1042;&#1077;&#1088;&#1089;&#1090;&#1082;&#1072; &#1090;&#1072;&#1073;&#1083;&#1080;&#1094;&#1100;&raquo; &#1074;&#1110;&#1076; GoIT<\/a> &#1079;&#1072; &#1074;&#1080;&#1075;&#1110;&#1076;&#1085;&#1086;&#1102; &#1094;&#1110;&#1085;&#1086;&#1102;!<\/p>\n<p><a href=\"https:\/\/html-m-lp-ua.goit.global\/?amp%3Butm_medium=articles&#038;amp%3Butm_campaign=35521\"><picture id=\"gb-banner-m1lpu6equic\" class=\"gb-banner\" data-gb-banner=\"true\"><source srcset=\"https:\/\/web-dev-goit.s3.eu-north-1.amazonaws.com\/app\/uploads\/2023\/03\/16011816\/1280-HTMLCSS.jpg\" media=\"(min-width:1280px)\"><\/source><source srcset=\"https:\/\/web-dev-goit.s3.eu-north-1.amazonaws.com\/app\/uploads\/2023\/03\/16011814\/1024-HTMLCSS.jpg\" media=\"(min-width:1024px)\"><\/source><source srcset=\"https:\/\/web-dev-goit.s3.eu-north-1.amazonaws.com\/app\/uploads\/2023\/03\/16011812\/768-HTMLCSS.jpg\" media=\"(min-width:768px)\"><\/source><source srcset=\"https:\/\/web-dev-goit.s3.eu-north-1.amazonaws.com\/app\/uploads\/2023\/03\/16011810\/480x159-HTMLCSS.jpg\" media=\"(min-width:480px)\"><\/source><\/picture><\/a><\/p>\n","protected":false},"excerpt":{"rendered":"<p>\u0427\u043e\u043c\u0443 \u0432\u0435\u0440\u0441\u0442\u043a\u0430 HTML-\u0442\u0430\u0431\u043b\u0438\u0446\u044c \u2013 \u0446\u0435 \u0432\u0430\u0436\u043b\u0438\u0432\u0430 \u043d\u0430\u0432\u0438\u0447\u043a\u0430, \u044f\u043a\u0430 \u0437\u043d\u0430\u0434\u043e\u0431\u0438\u0442\u044c\u0441\u044f \u043a\u043e\u0436\u043d\u043e\u043c\u0443 \u0432\u0435\u0431\u0440\u043e\u0437\u0440\u043e\u0431\u043d\u0438\u043a\u0443? \u041e\u0442\u0440\u0438\u043c\u0430\u0439 \u043d\u0435\u043e\u0431\u0445\u0456\u0434\u043d\u0456 \u0437\u043d\u0430\u043d\u043d\u044f \u043d\u0430 \u043c\u0456\u043d\u0456\u043a\u0443\u0440\u0441\u0456 \u00abTables Layout\u00bb \u0443 GoIT!<\/p>\n","protected":false},"featured_media":35512,"menu_order":0,"template":"","meta":{"_acf_changed":false,"inline_featured_image":false},"categories":[12035],"tags":[],"class_list":["post-35521","articles","type-articles","status-publish","has-post-thumbnail","hentry","category-frontend"],"acf":[],"_links":{"self":[{"href":"https:\/\/goit.global\/ua\/wp-json\/wp\/v2\/articles\/35521","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/goit.global\/ua\/wp-json\/wp\/v2\/articles"}],"about":[{"href":"https:\/\/goit.global\/ua\/wp-json\/wp\/v2\/types\/articles"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/goit.global\/ua\/wp-json\/wp\/v2\/media\/35512"}],"wp:attachment":[{"href":"https:\/\/goit.global\/ua\/wp-json\/wp\/v2\/media?parent=35521"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/goit.global\/ua\/wp-json\/wp\/v2\/categories?post=35521"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/goit.global\/ua\/wp-json\/wp\/v2\/tags?post=35521"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}