{"id":497,"date":"2025-11-27T11:17:39","date_gmt":"2025-11-27T10:17:39","guid":{"rendered":"https:\/\/informatyka.odkrywajto.pl\/?p=497"},"modified":"2025-12-03T15:30:48","modified_gmt":"2025-12-03T14:30:48","slug":"10-html-elementy-blokowe-liniowe-i-semantyczne-zadanie","status":"publish","type":"post","link":"https:\/\/informatyka.odkrywajto.pl\/?p=497","title":{"rendered":"10 &#8211; HTML \u2013 elementy blokowe, liniowe i semantyczne &#8211; zadanie"},"content":{"rendered":"<h2 data-start=\"215\" data-end=\"237\"><strong data-start=\"218\" data-end=\"237\">1. Wprowadzenie<\/strong><\/h2>\n<p data-start=\"238\" data-end=\"444\">HTML to j\u0119zyk znacznik\u00f3w, kt\u00f3ry opisuje struktur\u0119 strony internetowej. Ka\u017cdy znacznik ma okre\u015blon\u0105 funkcj\u0119 oraz wp\u0142ywa na spos\u00f3b wy\u015bwietlania tre\u015bci na stronie. Dzi\u015b poznasz trzy podstawowe grupy element\u00f3w:<\/p>\n<ul>\n<li data-start=\"448\" data-end=\"476\"><strong data-start=\"448\" data-end=\"476\">elementy blokowe (block)<\/strong><\/li>\n<li data-start=\"479\" data-end=\"508\"><strong data-start=\"479\" data-end=\"508\">elementy liniowe (inline)<\/strong><\/li>\n<li data-start=\"511\" data-end=\"535\"><strong data-start=\"511\" data-end=\"535\">elementy semantyczne<\/strong><\/li>\n<\/ul>\n<h2 data-start=\"542\" data-end=\"567\"><strong data-start=\"544\" data-end=\"567\">2. Elementy blokowe<\/strong><\/h2>\n<p data-start=\"568\" data-end=\"584\"><strong>Element blokowy:<\/strong><\/p>\n<ul>\n<li data-start=\"587\" data-end=\"621\">zaczyna si\u0119 zawsze od nowej linii,<\/li>\n<li data-start=\"624\" data-end=\"666\">zajmuje ca\u0142\u0105 szeroko\u015b\u0107 dost\u0119pnego obszaru,<\/li>\n<li data-start=\"669\" data-end=\"713\">mo\u017ce zawiera\u0107 inne elementy (nawet blokowe).<\/li>\n<\/ul>\n<p data-start=\"715\" data-end=\"725\"><strong>Przyk\u0142ady:<\/strong><\/p>\n<p data-start=\"715\" data-end=\"725\"><span style=\"color: #ff0000;\">&lt;div&gt;<\/span><br \/>\n<span style=\"color: #ff0000;\">&lt;p&gt;<\/span><br \/>\n<span style=\"color: #ff0000;\">&lt;h1&gt;\u2013&lt;h6&gt;<\/span><br \/>\n<span style=\"color: #ff0000;\">&lt;section&gt;<\/span><br \/>\n<span style=\"color: #ff0000;\">&lt;article&gt;<\/span><br \/>\n<span style=\"color: #ff0000;\">&lt;footer&gt;<\/span><\/p>\n<p data-start=\"715\" data-end=\"725\"><strong>W przegl\u0105darce wygl\u0105da to tak:<\/strong><\/p>\n<p data-start=\"715\" data-end=\"725\"><img  title=\"\" loading=\"lazy\" decoding=\"async\" class=\"alignnone size-full wp-image-498\" src=\"https:\/\/informatyka.odkrywajto.pl\/wp-content\/uploads\/2025\/11\/Screenshot-2025-11-27-at-11-15-10-HTML-elementy-blokowe-liniowe.png\"  alt=\"Screenshot-2025-11-27-at-11-15-10-HTML-elementy-blokowe-liniowe 10 - HTML \u2013 elementy blokowe, liniowe i semantyczne - zadanie\"  width=\"1574\" height=\"260\" srcset=\"https:\/\/informatyka.odkrywajto.pl\/wp-content\/uploads\/2025\/11\/Screenshot-2025-11-27-at-11-15-10-HTML-elementy-blokowe-liniowe.png 1574w, https:\/\/informatyka.odkrywajto.pl\/wp-content\/uploads\/2025\/11\/Screenshot-2025-11-27-at-11-15-10-HTML-elementy-blokowe-liniowe-300x50.png 300w, https:\/\/informatyka.odkrywajto.pl\/wp-content\/uploads\/2025\/11\/Screenshot-2025-11-27-at-11-15-10-HTML-elementy-blokowe-liniowe-1024x169.png 1024w, https:\/\/informatyka.odkrywajto.pl\/wp-content\/uploads\/2025\/11\/Screenshot-2025-11-27-at-11-15-10-HTML-elementy-blokowe-liniowe-768x127.png 768w, https:\/\/informatyka.odkrywajto.pl\/wp-content\/uploads\/2025\/11\/Screenshot-2025-11-27-at-11-15-10-HTML-elementy-blokowe-liniowe-1536x254.png 1536w\" sizes=\"auto, (max-width: 1574px) 100vw, 1574px\" \/><\/p>\n<p data-start=\"715\" data-end=\"725\">Elementy blokowe tworz\u0105 struktur\u0119 strony.<\/p>\n<h2 data-start=\"898\" data-end=\"923\"><strong data-start=\"900\" data-end=\"923\">3. Elementy liniowe<\/strong><\/h2>\n<p data-start=\"924\" data-end=\"940\"><strong>Element liniowy:<\/strong><\/p>\n<ul data-start=\"941\" data-end=\"1060\">\n<li data-start=\"941\" data-end=\"974\">\n<p data-start=\"943\" data-end=\"974\">nie zaczyna si\u0119 od nowej linii,<\/p>\n<\/li>\n<li data-start=\"975\" data-end=\"1008\">\n<p data-start=\"977\" data-end=\"1008\">obejmuje tylko swoj\u0105 zawarto\u015b\u0107,<\/p>\n<\/li>\n<li data-start=\"1009\" data-end=\"1060\">\n<p data-start=\"1011\" data-end=\"1060\">zwykle znajduje si\u0119 wewn\u0105trz element\u00f3w blokowych.<\/p>\n<\/li>\n<\/ul>\n<p data-start=\"1062\" data-end=\"1072\"><strong>Przyk\u0142ady:<\/strong><\/p>\n<p data-start=\"1062\" data-end=\"1072\">&lt;span&gt;<br \/>\n&lt;a&gt;<br \/>\n&lt;strong&gt;<br \/>\n&lt;b&gt;<br \/>\n&lt;em&gt;<br \/>\n&lt;img&gt;<\/p>\n<p data-start=\"1062\" data-end=\"1072\"><strong>Przyk\u0142ad zachowania inline:<\/strong><\/p>\n<p data-start=\"1062\" data-end=\"1072\">&lt;<span style=\"color: #ff0000;\">p<\/span>&gt;To jest &lt;<span style=\"color: #ff0000;\">strong<\/span>&gt;wa\u017cny&lt;\/<span style=\"color: #ff0000;\">strong<\/span>&gt; tekst.&lt;\/<span style=\"color: #ff0000;\">p<\/span>&gt;<\/p>\n<p data-start=\"1062\" data-end=\"1072\">Efekt: tekst w jednej linii.<\/p>\n<h2 data-start=\"1242\" data-end=\"1271\"><strong data-start=\"1244\" data-end=\"1271\">4. Elementy semantyczne<\/strong><\/h2>\n<p data-start=\"1272\" data-end=\"1348\">To elementy, kt\u00f3re opisuj\u0105 znaczenie tre\u015bci, a nie tylko wygl\u0105d. Poprawiaj\u0105:<\/p>\n<ul data-start=\"1349\" data-end=\"1434\">\n<li data-start=\"1349\" data-end=\"1369\">\n<p data-start=\"1351\" data-end=\"1369\">dost\u0119pno\u015b\u0107 strony,<\/p>\n<\/li>\n<li data-start=\"1370\" data-end=\"1415\">\n<p data-start=\"1372\" data-end=\"1415\">SEO (wyszukiwarki lepiej rozumiej\u0105 stron\u0119),<\/p>\n<\/li>\n<li data-start=\"1416\" data-end=\"1434\">\n<p data-start=\"1418\" data-end=\"1434\">czytelno\u015b\u0107 kodu.<\/p>\n<\/li>\n<\/ul>\n<p data-start=\"1436\" data-end=\"1446\"><strong>Przyk\u0142ady:<\/strong><\/p>\n<p data-start=\"1436\" data-end=\"1446\">&lt;<span style=\"color: #ff0000;\">header<\/span>&gt;<br \/>\n&lt;<span style=\"color: #ff0000;\">nav<\/span>&gt;<br \/>\n&lt;<span style=\"color: #ff0000;\">main<\/span>&gt;<br \/>\n&lt;<span style=\"color: #ff0000;\">section<\/span>&gt;<br \/>\n&lt;<span style=\"color: #ff0000;\">article<\/span>&gt;<br \/>\n&lt;<span style=\"color: #ff0000;\">aside<\/span>&gt;<br \/>\n&lt;<span style=\"color: #ff0000;\">footer<\/span>&gt;<\/p>\n<p data-start=\"1519\" data-end=\"1536\"><strong>B\u0142\u0119dne podej\u015bcie:<\/strong><\/p>\n<div class=\"contain-inline-size rounded-2xl relative bg-token-sidebar-surface-primary\">\n<div class=\"overflow-y-auto p-4\" dir=\"ltr\"><code class=\"whitespace-pre! language-html\"><span class=\"hljs-tag\">&lt;<span class=\"hljs-name\">div<\/span><\/span> <span class=\"hljs-attr\">id<\/span>=<span class=\"hljs-string\">\"header\"<\/span>&gt;<br \/>\n<\/code><\/div>\n<\/div>\n<p data-start=\"1567\" data-end=\"1588\"><strong>Prawid\u0142owe podej\u015bcie:<\/strong><\/p>\n<p data-start=\"1436\" data-end=\"1446\"><code class=\"whitespace-pre! language-html\"><span class=\"hljs-tag\">&lt;<span class=\"hljs-name\">header<\/span><\/span>&gt;<br \/>\n<\/code><\/p>\n<h2 data-start=\"1616\" data-end=\"1646\"><strong data-start=\"1618\" data-end=\"1646\">5. Najwa\u017cniejsze r\u00f3\u017cnice<\/strong><\/h2>\n<div class=\"_tableContainer_1rjym_1\">\n<div class=\"group _tableWrapper_1rjym_13 flex w-fit flex-col-reverse\" tabindex=\"-1\">\n<table class=\"w-fit min-w-(--thread-content-width)\" data-start=\"1648\" data-end=\"1866\">\n<thead data-start=\"1648\" data-end=\"1683\">\n<tr data-start=\"1648\" data-end=\"1683\">\n<th data-start=\"1648\" data-end=\"1663\" data-col-size=\"sm\">Typ elementu<\/th>\n<th data-start=\"1663\" data-end=\"1674\" data-col-size=\"sm\">Przyk\u0142ad<\/th>\n<th data-start=\"1674\" data-end=\"1683\" data-col-size=\"sm\">Cechy<\/th>\n<\/tr>\n<\/thead>\n<tbody data-start=\"1698\" data-end=\"1866\">\n<tr data-start=\"1698\" data-end=\"1751\">\n<td data-start=\"1698\" data-end=\"1708\" data-col-size=\"sm\">Blokowy<\/td>\n<td data-start=\"1708\" data-end=\"1725\" data-col-size=\"sm\"><code data-start=\"1710\" data-end=\"1717\">&lt;div&gt;<\/code>, <code data-start=\"1719\" data-end=\"1724\">&lt;p&gt;<\/code><\/td>\n<td data-start=\"1725\" data-end=\"1751\" data-col-size=\"sm\">zajmuje ca\u0142\u0105 szeroko\u015b\u0107<\/td>\n<\/tr>\n<tr data-start=\"1752\" data-end=\"1801\">\n<td data-start=\"1752\" data-end=\"1762\" data-col-size=\"sm\">Liniowy<\/td>\n<td data-col-size=\"sm\" data-start=\"1762\" data-end=\"1780\"><code data-start=\"1764\" data-end=\"1772\">&lt;span&gt;<\/code>, <code data-start=\"1774\" data-end=\"1779\">&lt;a&gt;<\/code><\/td>\n<td data-col-size=\"sm\" data-start=\"1780\" data-end=\"1801\">w linii z tekstem<\/td>\n<\/tr>\n<tr data-start=\"1802\" data-end=\"1866\">\n<td data-start=\"1802\" data-end=\"1816\" data-col-size=\"sm\">Semantyczny<\/td>\n<td data-col-size=\"sm\" data-start=\"1816\" data-end=\"1838\"><code data-start=\"1818\" data-end=\"1828\">&lt;header&gt;<\/code>, <code data-start=\"1830\" data-end=\"1837\">&lt;nav&gt;<\/code><\/td>\n<td data-col-size=\"sm\" data-start=\"1838\" data-end=\"1866\">okre\u015bla znaczenie tre\u015bci<\/td>\n<\/tr>\n<\/tbody>\n<\/table>\n<\/div>\n<h2><strong>6. Przyk\u0142ad prawid\u0142owej budowy dokumentu<\/strong><\/h2>\n<p><img  title=\"\" loading=\"lazy\" decoding=\"async\" class=\"alignnone wp-image-501\" src=\"https:\/\/informatyka.odkrywajto.pl\/wp-content\/uploads\/2025\/11\/Screenshot-2025-11-27-at-11-36-13-HTML-elementy-blokowe-liniowe.png\"  alt=\"Screenshot-2025-11-27-at-11-36-13-HTML-elementy-blokowe-liniowe 10 - HTML \u2013 elementy blokowe, liniowe i semantyczne - zadanie\"  width=\"537\" height=\"606\" srcset=\"https:\/\/informatyka.odkrywajto.pl\/wp-content\/uploads\/2025\/11\/Screenshot-2025-11-27-at-11-36-13-HTML-elementy-blokowe-liniowe.png 1094w, https:\/\/informatyka.odkrywajto.pl\/wp-content\/uploads\/2025\/11\/Screenshot-2025-11-27-at-11-36-13-HTML-elementy-blokowe-liniowe-266x300.png 266w, https:\/\/informatyka.odkrywajto.pl\/wp-content\/uploads\/2025\/11\/Screenshot-2025-11-27-at-11-36-13-HTML-elementy-blokowe-liniowe-906x1024.png 906w, https:\/\/informatyka.odkrywajto.pl\/wp-content\/uploads\/2025\/11\/Screenshot-2025-11-27-at-11-36-13-HTML-elementy-blokowe-liniowe-768x868.png 768w\" sizes=\"auto, (max-width: 537px) 100vw, 537px\" \/><\/p>\n<h2 data-start=\"2331\" data-end=\"2352\"><strong data-start=\"2333\" data-end=\"2352\">7. Podsumowanie<\/strong><\/h2>\n<ul>\n<li data-start=\"2355\" data-end=\"2399\">Elementy blokowe tworz\u0105 g\u0142\u00f3wny uk\u0142ad strony.<\/li>\n<li data-start=\"2402\" data-end=\"2446\">Elementy liniowe u\u017cywane s\u0105 wewn\u0105trz tekstu.<\/li>\n<li data-start=\"2449\" data-end=\"2499\">Elementy semantyczne nadaj\u0105 struktur\u0119 i znaczenie.<\/li>\n<\/ul>\n<\/div>\n<h1 data-start=\"2506\" data-end=\"2533\"><strong data-start=\"2508\" data-end=\"2533\">Zadanie dla ucznia<\/strong><\/h1>\n<h3 data-start=\"2534\" data-end=\"2562\"><strong data-start=\"2538\" data-end=\"2562\">Wykonaj stron\u0119 HTML:<\/strong><\/h3>\n<ol data-start=\"2563\" data-end=\"2907\">\n<li data-start=\"2563\" data-end=\"2612\">\n<p data-start=\"2566\" data-end=\"2612\">Stw\u00f3rz nag\u0142\u00f3wek (<code data-start=\"2583\" data-end=\"2593\">&lt;header&gt;<\/code>) z tytu\u0142em strony.<\/p>\n<\/li>\n<li data-start=\"2613\" data-end=\"2662\">\n<p data-start=\"2616\" data-end=\"2662\">Dodaj menu (<code data-start=\"2628\" data-end=\"2635\">&lt;nav&gt;<\/code>) z trzema linkami (<code data-start=\"2655\" data-end=\"2660\">&lt;a&gt;<\/code>).<\/p>\n<\/li>\n<li data-start=\"2663\" data-end=\"2800\">\n<p data-start=\"2666\" data-end=\"2703\">Wstaw sekcj\u0119 (<code data-start=\"2680\" data-end=\"2691\">&lt;section&gt;<\/code>), a w niej:<\/p>\n<ul data-start=\"2707\" data-end=\"2800\">\n<li data-start=\"2707\" data-end=\"2729\">\n<p data-start=\"2709\" data-end=\"2729\">jeden akapit tekstu,<\/p>\n<\/li>\n<li data-start=\"2733\" data-end=\"2768\">\n<p data-start=\"2735\" data-end=\"2768\">fragment pogrubiony (<code data-start=\"2756\" data-end=\"2766\">&lt;strong&gt;<\/code>),<\/p>\n<\/li>\n<li data-start=\"2772\" data-end=\"2800\">\n<p data-start=\"2774\" data-end=\"2800\">fragment kursyw\u0105 (<code data-start=\"2792\" data-end=\"2798\">&lt;em&gt;<\/code>).<\/p>\n<\/li>\n<\/ul>\n<\/li>\n<li data-start=\"2801\" data-end=\"2868\">\n<p data-start=\"2804\" data-end=\"2868\">U\u017cyj co najmniej jednego elementu blokowego i jednego liniowego.<\/p>\n<\/li>\n<li data-start=\"2869\" data-end=\"2907\">\n<p data-start=\"2872\" data-end=\"2907\">Na ko\u0144cu dodaj stopk\u0119 (<code data-start=\"2895\" data-end=\"2905\">&lt;footer&gt;<\/code>).<\/p>\n<\/li>\n<\/ol>\n<h3 data-start=\"2909\" data-end=\"2942\"><strong data-start=\"2913\" data-end=\"2942\">Dodatkowo (dla ch\u0119tnych):<\/strong><\/h3>\n<p data-start=\"2943\" data-end=\"3002\">Dodaj element <code data-start=\"2957\" data-end=\"2968\">&lt;article&gt;<\/code> i wstaw do niego zdj\u0119cie <code data-start=\"2994\" data-end=\"3001\">&lt;img&gt;<\/code>.<\/p>\n","protected":false},"excerpt":{"rendered":"<p>1. Wprowadzenie HTML to j\u0119zyk znacznik\u00f3w, kt\u00f3ry opisuje struktur\u0119 strony internetowej. Ka\u017cdy znacznik ma okre\u015blon\u0105 funkcj\u0119 oraz wp\u0142ywa na spos\u00f3b wy\u015bwietlania tre\u015bci na stronie. Dzi\u015b poznasz trzy podstawowe grupy element\u00f3w: elementy blokowe (block) elementy liniowe (inline) elementy semantyczne 2. Elementy blokowe Element blokowy: zaczyna si\u0119 zawsze od nowej linii, zajmuje ca\u0142\u0105 szeroko\u015b\u0107 dost\u0119pnego obszaru, mo\u017ce [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":55,"comment_status":"closed","ping_status":"closed","sticky":true,"template":"","format":"standard","meta":{"footnotes":""},"categories":[2,16],"tags":[19,51],"class_list":["post-497","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-pomoce","category-zadania-egzaminacyjne","tag-html","tag-zadanie"],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v28.4 - https:\/\/yoast.com\/product\/yoast-seo-wordpress\/ -->\n<title>10 - HTML \u2013 elementy blokowe, liniowe i semantyczne - zadanie - Informatyka Zadania<\/title>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/informatyka.odkrywajto.pl\/?p=497\" \/>\n<meta property=\"og:locale\" content=\"pl_PL\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"10 - HTML \u2013 elementy blokowe, liniowe i semantyczne - zadanie - Informatyka Zadania\" \/>\n<meta property=\"og:description\" content=\"1. Wprowadzenie HTML to j\u0119zyk znacznik\u00f3w, kt\u00f3ry opisuje struktur\u0119 strony internetowej. Ka\u017cdy znacznik ma okre\u015blon\u0105 funkcj\u0119 oraz wp\u0142ywa na spos\u00f3b wy\u015bwietlania tre\u015bci na stronie. Dzi\u015b poznasz trzy podstawowe grupy element\u00f3w: elementy blokowe (block) elementy liniowe (inline) elementy semantyczne 2. Elementy blokowe Element blokowy: zaczyna si\u0119 zawsze od nowej linii, zajmuje ca\u0142\u0105 szeroko\u015b\u0107 dost\u0119pnego obszaru, mo\u017ce [&hellip;]\" \/>\n<meta property=\"og:url\" content=\"https:\/\/informatyka.odkrywajto.pl\/?p=497\" \/>\n<meta property=\"og:site_name\" content=\"Informatyka Zadania\" \/>\n<meta property=\"article:published_time\" content=\"2025-11-27T10:17:39+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2025-12-03T14:30:48+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/informatyka.odkrywajto.pl\/wp-content\/uploads\/2024\/08\/Screenshot_1.jpg\" \/>\n\t<meta property=\"og:image:width\" content=\"847\" \/>\n\t<meta property=\"og:image:height\" content=\"653\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/jpeg\" \/>\n<meta name=\"author\" content=\"DuzyZajac\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:label1\" content=\"Napisane przez\" \/>\n\t<meta name=\"twitter:data1\" content=\"DuzyZajac\" \/>\n\t<meta name=\"twitter:label2\" content=\"Szacowany czas czytania\" \/>\n\t<meta name=\"twitter:data2\" content=\"2 minuty\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\\\/\\\/schema.org\",\"@graph\":[{\"@type\":\"Article\",\"@id\":\"https:\\\/\\\/informatyka.odkrywajto.pl\\\/?p=497#article\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/informatyka.odkrywajto.pl\\\/?p=497\"},\"author\":{\"name\":\"DuzyZajac\",\"@id\":\"https:\\\/\\\/informatyka.odkrywajto.pl\\\/#\\\/schema\\\/person\\\/2bf15d5917c9daa73c658396c450c55a\"},\"headline\":\"10 &#8211; HTML \u2013 elementy blokowe, liniowe i semantyczne &#8211; zadanie\",\"datePublished\":\"2025-11-27T10:17:39+00:00\",\"dateModified\":\"2025-12-03T14:30:48+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\\\/\\\/informatyka.odkrywajto.pl\\\/?p=497\"},\"wordCount\":350,\"publisher\":{\"@id\":\"https:\\\/\\\/informatyka.odkrywajto.pl\\\/#organization\"},\"image\":{\"@id\":\"https:\\\/\\\/informatyka.odkrywajto.pl\\\/?p=497#primaryimage\"},\"thumbnailUrl\":\"https:\\\/\\\/informatyka.odkrywajto.pl\\\/wp-content\\\/uploads\\\/2024\\\/08\\\/Screenshot_1.jpg\",\"keywords\":[\"html\",\"zadanie\"],\"articleSection\":[\"Pomoce\",\"zadania egzaminacyjne\"],\"inLanguage\":\"pl-PL\"},{\"@type\":\"WebPage\",\"@id\":\"https:\\\/\\\/informatyka.odkrywajto.pl\\\/?p=497\",\"url\":\"https:\\\/\\\/informatyka.odkrywajto.pl\\\/?p=497\",\"name\":\"10 - HTML \u2013 elementy blokowe, liniowe i semantyczne - zadanie - Informatyka Zadania\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/informatyka.odkrywajto.pl\\\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\\\/\\\/informatyka.odkrywajto.pl\\\/?p=497#primaryimage\"},\"image\":{\"@id\":\"https:\\\/\\\/informatyka.odkrywajto.pl\\\/?p=497#primaryimage\"},\"thumbnailUrl\":\"https:\\\/\\\/informatyka.odkrywajto.pl\\\/wp-content\\\/uploads\\\/2024\\\/08\\\/Screenshot_1.jpg\",\"datePublished\":\"2025-11-27T10:17:39+00:00\",\"dateModified\":\"2025-12-03T14:30:48+00:00\",\"breadcrumb\":{\"@id\":\"https:\\\/\\\/informatyka.odkrywajto.pl\\\/?p=497#breadcrumb\"},\"inLanguage\":\"pl-PL\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\\\/\\\/informatyka.odkrywajto.pl\\\/?p=497\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"pl-PL\",\"@id\":\"https:\\\/\\\/informatyka.odkrywajto.pl\\\/?p=497#primaryimage\",\"url\":\"https:\\\/\\\/informatyka.odkrywajto.pl\\\/wp-content\\\/uploads\\\/2024\\\/08\\\/Screenshot_1.jpg\",\"contentUrl\":\"https:\\\/\\\/informatyka.odkrywajto.pl\\\/wp-content\\\/uploads\\\/2024\\\/08\\\/Screenshot_1.jpg\",\"width\":847,\"height\":653},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\\\/\\\/informatyka.odkrywajto.pl\\\/?p=497#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\\\/\\\/informatyka.odkrywajto.pl\\\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"10 &#8211; HTML \u2013 elementy blokowe, liniowe i semantyczne &#8211; zadanie\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\\\/\\\/informatyka.odkrywajto.pl\\\/#website\",\"url\":\"https:\\\/\\\/informatyka.odkrywajto.pl\\\/\",\"name\":\"Informatyka Zadania\",\"description\":\"\",\"publisher\":{\"@id\":\"https:\\\/\\\/informatyka.odkrywajto.pl\\\/#organization\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\\\/\\\/informatyka.odkrywajto.pl\\\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"pl-PL\"},{\"@type\":\"Organization\",\"@id\":\"https:\\\/\\\/informatyka.odkrywajto.pl\\\/#organization\",\"name\":\"Informatyka Zadania\",\"url\":\"https:\\\/\\\/informatyka.odkrywajto.pl\\\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"pl-PL\",\"@id\":\"https:\\\/\\\/informatyka.odkrywajto.pl\\\/#\\\/schema\\\/logo\\\/image\\\/\",\"url\":\"https:\\\/\\\/informatyka.odkrywajto.pl\\\/wp-content\\\/uploads\\\/2024\\\/08\\\/cropped-cropped-Screenshot_1-1.jpg\",\"contentUrl\":\"https:\\\/\\\/informatyka.odkrywajto.pl\\\/wp-content\\\/uploads\\\/2024\\\/08\\\/cropped-cropped-Screenshot_1-1.jpg\",\"width\":834,\"height\":200,\"caption\":\"Informatyka Zadania\"},\"image\":{\"@id\":\"https:\\\/\\\/informatyka.odkrywajto.pl\\\/#\\\/schema\\\/logo\\\/image\\\/\"}},{\"@type\":\"Person\",\"@id\":\"https:\\\/\\\/informatyka.odkrywajto.pl\\\/#\\\/schema\\\/person\\\/2bf15d5917c9daa73c658396c450c55a\",\"name\":\"DuzyZajac\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"pl-PL\",\"@id\":\"https:\\\/\\\/secure.gravatar.com\\\/avatar\\\/d0247cb306c7300d5d62ec35d6a43e9bb79c7664c537bb856d960383ff954452?s=96&d=mm&r=g\",\"url\":\"https:\\\/\\\/secure.gravatar.com\\\/avatar\\\/d0247cb306c7300d5d62ec35d6a43e9bb79c7664c537bb856d960383ff954452?s=96&d=mm&r=g\",\"contentUrl\":\"https:\\\/\\\/secure.gravatar.com\\\/avatar\\\/d0247cb306c7300d5d62ec35d6a43e9bb79c7664c537bb856d960383ff954452?s=96&d=mm&r=g\",\"caption\":\"DuzyZajac\"},\"url\":\"https:\\\/\\\/informatyka.odkrywajto.pl\\\/?author=1\"}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"10 - HTML \u2013 elementy blokowe, liniowe i semantyczne - zadanie - Informatyka Zadania","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/informatyka.odkrywajto.pl\/?p=497","og_locale":"pl_PL","og_type":"article","og_title":"10 - HTML \u2013 elementy blokowe, liniowe i semantyczne - zadanie - Informatyka Zadania","og_description":"1. Wprowadzenie HTML to j\u0119zyk znacznik\u00f3w, kt\u00f3ry opisuje struktur\u0119 strony internetowej. Ka\u017cdy znacznik ma okre\u015blon\u0105 funkcj\u0119 oraz wp\u0142ywa na spos\u00f3b wy\u015bwietlania tre\u015bci na stronie. Dzi\u015b poznasz trzy podstawowe grupy element\u00f3w: elementy blokowe (block) elementy liniowe (inline) elementy semantyczne 2. Elementy blokowe Element blokowy: zaczyna si\u0119 zawsze od nowej linii, zajmuje ca\u0142\u0105 szeroko\u015b\u0107 dost\u0119pnego obszaru, mo\u017ce [&hellip;]","og_url":"https:\/\/informatyka.odkrywajto.pl\/?p=497","og_site_name":"Informatyka Zadania","article_published_time":"2025-11-27T10:17:39+00:00","article_modified_time":"2025-12-03T14:30:48+00:00","og_image":[{"width":847,"height":653,"url":"https:\/\/informatyka.odkrywajto.pl\/wp-content\/uploads\/2024\/08\/Screenshot_1.jpg","type":"image\/jpeg"}],"author":"DuzyZajac","twitter_card":"summary_large_image","twitter_misc":{"Napisane przez":"DuzyZajac","Szacowany czas czytania":"2 minuty"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/informatyka.odkrywajto.pl\/?p=497#article","isPartOf":{"@id":"https:\/\/informatyka.odkrywajto.pl\/?p=497"},"author":{"name":"DuzyZajac","@id":"https:\/\/informatyka.odkrywajto.pl\/#\/schema\/person\/2bf15d5917c9daa73c658396c450c55a"},"headline":"10 &#8211; HTML \u2013 elementy blokowe, liniowe i semantyczne &#8211; zadanie","datePublished":"2025-11-27T10:17:39+00:00","dateModified":"2025-12-03T14:30:48+00:00","mainEntityOfPage":{"@id":"https:\/\/informatyka.odkrywajto.pl\/?p=497"},"wordCount":350,"publisher":{"@id":"https:\/\/informatyka.odkrywajto.pl\/#organization"},"image":{"@id":"https:\/\/informatyka.odkrywajto.pl\/?p=497#primaryimage"},"thumbnailUrl":"https:\/\/informatyka.odkrywajto.pl\/wp-content\/uploads\/2024\/08\/Screenshot_1.jpg","keywords":["html","zadanie"],"articleSection":["Pomoce","zadania egzaminacyjne"],"inLanguage":"pl-PL"},{"@type":"WebPage","@id":"https:\/\/informatyka.odkrywajto.pl\/?p=497","url":"https:\/\/informatyka.odkrywajto.pl\/?p=497","name":"10 - HTML \u2013 elementy blokowe, liniowe i semantyczne - zadanie - Informatyka Zadania","isPartOf":{"@id":"https:\/\/informatyka.odkrywajto.pl\/#website"},"primaryImageOfPage":{"@id":"https:\/\/informatyka.odkrywajto.pl\/?p=497#primaryimage"},"image":{"@id":"https:\/\/informatyka.odkrywajto.pl\/?p=497#primaryimage"},"thumbnailUrl":"https:\/\/informatyka.odkrywajto.pl\/wp-content\/uploads\/2024\/08\/Screenshot_1.jpg","datePublished":"2025-11-27T10:17:39+00:00","dateModified":"2025-12-03T14:30:48+00:00","breadcrumb":{"@id":"https:\/\/informatyka.odkrywajto.pl\/?p=497#breadcrumb"},"inLanguage":"pl-PL","potentialAction":[{"@type":"ReadAction","target":["https:\/\/informatyka.odkrywajto.pl\/?p=497"]}]},{"@type":"ImageObject","inLanguage":"pl-PL","@id":"https:\/\/informatyka.odkrywajto.pl\/?p=497#primaryimage","url":"https:\/\/informatyka.odkrywajto.pl\/wp-content\/uploads\/2024\/08\/Screenshot_1.jpg","contentUrl":"https:\/\/informatyka.odkrywajto.pl\/wp-content\/uploads\/2024\/08\/Screenshot_1.jpg","width":847,"height":653},{"@type":"BreadcrumbList","@id":"https:\/\/informatyka.odkrywajto.pl\/?p=497#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/informatyka.odkrywajto.pl\/"},{"@type":"ListItem","position":2,"name":"10 &#8211; HTML \u2013 elementy blokowe, liniowe i semantyczne &#8211; zadanie"}]},{"@type":"WebSite","@id":"https:\/\/informatyka.odkrywajto.pl\/#website","url":"https:\/\/informatyka.odkrywajto.pl\/","name":"Informatyka Zadania","description":"","publisher":{"@id":"https:\/\/informatyka.odkrywajto.pl\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/informatyka.odkrywajto.pl\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"pl-PL"},{"@type":"Organization","@id":"https:\/\/informatyka.odkrywajto.pl\/#organization","name":"Informatyka Zadania","url":"https:\/\/informatyka.odkrywajto.pl\/","logo":{"@type":"ImageObject","inLanguage":"pl-PL","@id":"https:\/\/informatyka.odkrywajto.pl\/#\/schema\/logo\/image\/","url":"https:\/\/informatyka.odkrywajto.pl\/wp-content\/uploads\/2024\/08\/cropped-cropped-Screenshot_1-1.jpg","contentUrl":"https:\/\/informatyka.odkrywajto.pl\/wp-content\/uploads\/2024\/08\/cropped-cropped-Screenshot_1-1.jpg","width":834,"height":200,"caption":"Informatyka Zadania"},"image":{"@id":"https:\/\/informatyka.odkrywajto.pl\/#\/schema\/logo\/image\/"}},{"@type":"Person","@id":"https:\/\/informatyka.odkrywajto.pl\/#\/schema\/person\/2bf15d5917c9daa73c658396c450c55a","name":"DuzyZajac","image":{"@type":"ImageObject","inLanguage":"pl-PL","@id":"https:\/\/secure.gravatar.com\/avatar\/d0247cb306c7300d5d62ec35d6a43e9bb79c7664c537bb856d960383ff954452?s=96&d=mm&r=g","url":"https:\/\/secure.gravatar.com\/avatar\/d0247cb306c7300d5d62ec35d6a43e9bb79c7664c537bb856d960383ff954452?s=96&d=mm&r=g","contentUrl":"https:\/\/secure.gravatar.com\/avatar\/d0247cb306c7300d5d62ec35d6a43e9bb79c7664c537bb856d960383ff954452?s=96&d=mm&r=g","caption":"DuzyZajac"},"url":"https:\/\/informatyka.odkrywajto.pl\/?author=1"}]}},"_links":{"self":[{"href":"https:\/\/informatyka.odkrywajto.pl\/index.php?rest_route=\/wp\/v2\/posts\/497","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/informatyka.odkrywajto.pl\/index.php?rest_route=\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/informatyka.odkrywajto.pl\/index.php?rest_route=\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/informatyka.odkrywajto.pl\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/informatyka.odkrywajto.pl\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=497"}],"version-history":[{"count":4,"href":"https:\/\/informatyka.odkrywajto.pl\/index.php?rest_route=\/wp\/v2\/posts\/497\/revisions"}],"predecessor-version":[{"id":503,"href":"https:\/\/informatyka.odkrywajto.pl\/index.php?rest_route=\/wp\/v2\/posts\/497\/revisions\/503"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/informatyka.odkrywajto.pl\/index.php?rest_route=\/wp\/v2\/media\/55"}],"wp:attachment":[{"href":"https:\/\/informatyka.odkrywajto.pl\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=497"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/informatyka.odkrywajto.pl\/index.php?rest_route=%2Fwp%2Fv2%2Fcategories&post=497"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/informatyka.odkrywajto.pl\/index.php?rest_route=%2Fwp%2Fv2%2Ftags&post=497"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}