{"id":236,"date":"2025-10-29T10:58:44","date_gmt":"2025-10-29T09:58:44","guid":{"rendered":"https:\/\/informatyka.odkrywajto.pl\/?p=236"},"modified":"2025-10-29T10:58:44","modified_gmt":"2025-10-29T09:58:44","slug":"zloty-chleb-krok-po-kroku-tutorial","status":"publish","type":"post","link":"https:\/\/informatyka.odkrywajto.pl\/?p=236","title":{"rendered":"Z\u0142oty Chleb – krok po kroku – tutorial"},"content":{"rendered":"
    \n
  1. \n

    Szczeg\u00f3\u0142owa instrukcja krok po kroku<\/h1>\n

    Poni\u017cej znajdziesz dok\u0142adne, praktyczne kroki \u2014 od utworzenia struktury plik\u00f3w, przez zawarto\u015b\u0107 index.html<\/code> i style.css<\/code>, a\u017c po testowanie i walidacj\u0119. Zr\u00f3b wszystko w podanej kolejno\u015bci.<\/p>\n

    \n

    1. Przygotuj folder projektu<\/h2>\n
      \n
    1. \n

      Utw\u00f3rz nowy folder, np. zloty-chleb<\/code>.<\/p>\n<\/li>\n

    2. \n

      W \u015brodku stw\u00f3rz dwa pliki: index.html<\/code> i style.css<\/code>.<\/p>\n<\/li>\n

    3. \n

      Dodaj folder images<\/code> (opcjonalnie) i wrzu\u0107 tam plik obrazu chleb.jpg<\/code> (np. images\/chleb.jpg<\/code>).
      Struktura przyk\u0142adowa:<\/p>\n<\/li>\n<\/ol>\n<\/li>\n<\/ol>\n

       <\/p>\n

      \"Screenshot-2025-10-29-at-10-53-07-Instrukcja-HTML-i-CSS<\/p>\n

      2. Zawarto\u015b\u0107 pliku index.html<\/code><\/h2>\n

      Skopiuj i wklej poni\u017cszy kod do pliku index.html<\/code>. Zwr\u00f3\u0107 uwag\u0119 na poprawny DOCTYPE, atrybut lang=\"pl\"<\/code>, semantyczne elementy HTML5 oraz alt<\/code> dla obrazka.<\/p>\n

      <!doctype html>
      \n<html lang=”pl”>
      \n<head>
      \n<meta charset=”utf-8″ \/>
      \n<meta name=”viewport” content=”width=device-width, initial-scale=1″ \/>
      \n<title>Z\u0142oty Chleb<\/title>
      \n<link rel=”stylesheet” href=”style.css”>
      \n<\/head>
      \n<body>
      \n<header>
      \n<h1>Z\u0142oty Chleb<\/h1>
      \n<\/header><\/p>\n

      <main>
      \n<section>
      \n<p>
      \nWitaj w piekarni Z\u0142oty Chleb \u2014 specjalizujemy si\u0119 w tradycyjnym chlebie na zakwasie, pieczonym wed\u0142ug rodzinnych receptur.
      \n<\/p>
      \n<\/section><\/p>\n

      <section>
      \n<h2>Nasze wypieki<\/h2>
      \n<ul>
      \n<li>Chleb \u017cytni na zakwasie<\/li>
      \n<li>Chleb pszenny rustykalny<\/li>
      \n<li>Bu\u0142ki ma\u015blane<\/li>
      \n<\/ul>
      \n<\/section><\/p>\n

      <section>
      \n<!– Je\u015bli u\u017cywasz folderu images: src=”images\/chleb.jpg” –>
      \n<img src=”chleb.jpg” alt=”\u015awie\u017cy bochenek chleba na desce”>
      \n<\/section>
      \n<\/main><\/p>\n

      <footer>
      \n<p>\u00a9 2025 Z\u0142oty Chleb<\/p>
      \n<\/footer>
      \n<\/body>
      \n<\/html><\/p>\n

      3. Zawarto\u015b\u0107 pliku style.css<\/code><\/h2>\n

      Skopiuj i wklej ten kod do style.css<\/code>. Zawiera wszystkie wymagane style plus par\u0119 drobnych udogodnie\u0144 (np. responsywno\u015b\u0107 obrazka).<\/p>\n

       <\/p>\n

      \/* Podstawowe resetowanie margines\u00f3w *\/
      \n* {
      \nbox-sizing: border-box;
      \nmargin: 0;
      \npadding: 0;
      \n}<\/p>\n

      \/* T\u0142o strony *\/
      \nbody {
      \nbackground-color: #fff8e1;
      \nfont-family: system-ui, -apple-system, „Segoe UI”, Roboto, „Helvetica Neue”, Arial, sans-serif;
      \ncolor: #5d4037; \/* domy\u015blny kolor tekstu zbli\u017cony do akapit\u00f3w *\/
      \nline-height: 1.5;
      \npadding: 20px;
      \n}<\/p>\n

      \/* Nag\u0142\u00f3wek *\/
      \nheader h1 {
      \ncolor: #795548;
      \ntext-align: center;
      \nmargin-bottom: 16px;
      \n}<\/p>\n

      \/* Akapit \u2014 ustawienie czcionki i koloru *\/
      \np {
      \nfont-family: Arial, sans-serif;
      \ncolor: #5d4037;
      \nmargin-bottom: 12px;
      \n}<\/p>\n

      \/* Lista wypiek\u00f3w *\/
      \nul {
      \nlist-style: none; \/* bez kropek *\/
      \npadding: 10px; \/* margines wewn\u0119trzny 10px *\/
      \nmargin-bottom: 16px;
      \n}<\/p>\n

      \/* Opcjonalne style dla element\u00f3w listy *\/
      \nul li {
      \npadding: 6px 0;
      \n}<\/p>\n

      \/* Obrazek chleba *\/
      \nimg {
      \nwidth: 300px;
      \nmax-width: 100%; \/* responsywno\u015b\u0107 na mniejszych ekranach *\/
      \nborder: 2px solid #795548;
      \nborder-radius: 10px;
      \ndisplay: block;
      \nmargin: 12px auto; \/* wycentrowanie obrazka *\/
      \n}<\/p>\n

      \/* Stopka *\/
      \nfooter {
      \ntext-align: center;
      \nbackground-color: #d7ccc8;
      \npadding: 10px;
      \nmargin-top: 24px;
      \nborder-radius: 6px;
      \n}<\/p>\n

       <\/p>\n

      4. Testowanie strony w przegl\u0105darce<\/h2>\n
        \n
      1. \n

        Otw\u00f3rz mened\u017cer plik\u00f3w, przejd\u017a do folderu zloty-chleb<\/code>.<\/p>\n<\/li>\n

      2. \n

        Dwuklik na index.html<\/code> \u2014 strona otworzy si\u0119 w domy\u015blnej przegl\u0105darce.<\/p>\n<\/li>\n

      3. \n

        Sprawd\u017a:<\/p>\n

          \n
        • \n

          Czy t\u0142o ma kolor #fff8e1<\/code>.<\/p>\n<\/li>\n

        • \n

          Czy nag\u0142\u00f3wek jest br\u0105zowy i wy\u015brodkowany.<\/p>\n<\/li>\n

        • \n

          Czy akapit u\u017cywa czcionki Arial i ma kolor #5d4037<\/code>.<\/p>\n<\/li>\n

        • \n

          Czy lista nie ma kropek i ma padding 10px.<\/p>\n<\/li>\n

        • \n

          Czy obrazek ma szeroko\u015b\u0107 300px, ramk\u0119 i zaokr\u0105glone rogi.<\/p>\n<\/li>\n

        • \n

          Czy stopka wycentrowana i t\u0142o #d7ccc8<\/code> oraz zawiera \u201e\u00a9 2025 Z\u0142oty Chleb\u201d.<\/p>\n<\/li>\n<\/ul>\n<\/li>\n<\/ol>\n

          \n

          5. Walidacja i dobre praktyki<\/h2>\n
            \n
          • \n

            Walidacja HTML:<\/strong> odwied\u017a validator W3C (validator.w3.org) i wklej\/sw\u00f3j plik, \u017ceby upewni\u0107 si\u0119, \u017ce jest poprawny HTML5.<\/p>\n<\/li>\n

          • \n

            Walidacja CSS:<\/strong> u\u017cyj narz\u0119dzia W3C CSS Validator (jigsaw.w3.org\/css-validator) lub rozszerzenia edytora.<\/p>\n<\/li>\n

          • \n

            Dost\u0119pno\u015b\u0107:<\/strong> sprawd\u017a, czy obraz ma opisowy alt<\/code>. Upewnij si\u0119, \u017ce kontrast tekstu na tle jest czytelny.<\/p>\n<\/li>\n

          • \n

            Responsywno\u015b\u0107:<\/strong> przetestuj zmniejszaj\u0105c szeroko\u015b\u0107 okna przegl\u0105darki \u2014 obraz ma max-width:100%<\/code>, wi\u0119c powinien si\u0119 dopasowa\u0107.<\/p>\n<\/li>\n

          • \n

            SEO \/ semantyka:<\/strong> je\u015bli chcesz, mo\u017cesz doda\u0107 meta description oraz uporz\u0105dkowa\u0107 nag\u0142\u00f3wki (h2<\/code> dla sekcji).<\/p>\n<\/li>\n<\/ul>\n

             <\/p>\n

            6. Drobne ulepszenia (opcjonalne)<\/h2>\n
              \n
            • \n

              Dodaj meta name=\"description\"<\/code> w <head><\/code> z kr\u00f3tkim opisem piekarni.<\/p>\n<\/li>\n

            • \n

              U\u017cyj figure<\/code> i figcaption<\/code> do podpisania obrazka:<\/p>\n

              <\/div>\n<\/li>\n<\/ul>\n

              <figure>
              \n<img src=”chleb.jpg” alt=”\u015awie\u017cy bochenek chleba”>
              \n<figcaption>Bochenek na zakwasie \u2014 codziennie \u015bwie\u017cy<\/figcaption>
              \n<\/figure><\/p>\n

               <\/p>\n

              Dodaj favicon (np. favicon.ico<\/code>) i odwo\u0142anie w <head><\/code>:<\/p>\n

               <\/p>\n

              <link rel=”icon” href=”favicon.ico” \/><\/p>\n","protected":false},"excerpt":{"rendered":"

              Szczeg\u00f3\u0142owa instrukcja krok po kroku Poni\u017cej znajdziesz dok\u0142adne, praktyczne kroki \u2014 od utworzenia struktury plik\u00f3w, przez zawarto\u015b\u0107 index.html i style.css, a\u017c po testowanie i walidacj\u0119. Zr\u00f3b wszystko w podanej kolejno\u015bci. 1. Przygotuj folder projektu Utw\u00f3rz nowy folder, np. zloty-chleb. W \u015brodku stw\u00f3rz dwa pliki: index.html i style.css. Dodaj folder images (opcjonalnie) i wrzu\u0107 tam plik […]<\/p>\n","protected":false},"author":1,"featured_media":238,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[9,14],"tags":[15],"class_list":["post-236","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-aktualnosci","category-tutoriale","tag-chleb"],"yoast_head":"\nZ\u0142oty Chleb - krok po kroku - tutorial - 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=236\" \/>\n<meta property=\"og:locale\" content=\"pl_PL\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Z\u0142oty Chleb - krok po kroku - tutorial - Informatyka Zadania\" \/>\n<meta property=\"og:description\" content=\"Szczeg\u00f3\u0142owa instrukcja krok po kroku Poni\u017cej znajdziesz dok\u0142adne, praktyczne kroki \u2014 od utworzenia struktury plik\u00f3w, przez zawarto\u015b\u0107 index.html i style.css, a\u017c po testowanie i walidacj\u0119. Zr\u00f3b wszystko w podanej kolejno\u015bci. 1. Przygotuj folder projektu Utw\u00f3rz nowy folder, np. zloty-chleb. W \u015brodku stw\u00f3rz dwa pliki: index.html i style.css. Dodaj folder images (opcjonalnie) i wrzu\u0107 tam plik […]\" \/>\n<meta property=\"og:url\" content=\"https:\/\/informatyka.odkrywajto.pl\/?p=236\" \/>\n<meta property=\"og:site_name\" content=\"Informatyka Zadania\" \/>\n<meta property=\"article:published_time\" content=\"2025-10-29T09:58:44+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/informatyka.odkrywajto.pl\/wp-content\/uploads\/2025\/10\/hlep.jpg\" \/>\n\t<meta property=\"og:image:width\" content=\"800\" \/>\n\t<meta property=\"og:image:height\" content=\"601\" \/>\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=\"4 minuty\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\\\/\\\/schema.org\",\"@graph\":[{\"@type\":\"Article\",\"@id\":\"https:\\\/\\\/informatyka.odkrywajto.pl\\\/?p=236#article\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/informatyka.odkrywajto.pl\\\/?p=236\"},\"author\":{\"name\":\"DuzyZajac\",\"@id\":\"https:\\\/\\\/informatyka.odkrywajto.pl\\\/#\\\/schema\\\/person\\\/2bf15d5917c9daa73c658396c450c55a\"},\"headline\":\"Z\u0142oty Chleb – krok po kroku – tutorial\",\"datePublished\":\"2025-10-29T09:58:44+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\\\/\\\/informatyka.odkrywajto.pl\\\/?p=236\"},\"wordCount\":669,\"publisher\":{\"@id\":\"https:\\\/\\\/informatyka.odkrywajto.pl\\\/#organization\"},\"image\":{\"@id\":\"https:\\\/\\\/informatyka.odkrywajto.pl\\\/?p=236#primaryimage\"},\"thumbnailUrl\":\"https:\\\/\\\/informatyka.odkrywajto.pl\\\/wp-content\\\/uploads\\\/2025\\\/10\\\/hlep.jpg\",\"keywords\":[\"Chleb\"],\"articleSection\":[\"Aktualno\u015bci\",\"Tutoriale\"],\"inLanguage\":\"pl-PL\"},{\"@type\":\"WebPage\",\"@id\":\"https:\\\/\\\/informatyka.odkrywajto.pl\\\/?p=236\",\"url\":\"https:\\\/\\\/informatyka.odkrywajto.pl\\\/?p=236\",\"name\":\"Z\u0142oty Chleb - krok po kroku - tutorial - Informatyka Zadania\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/informatyka.odkrywajto.pl\\\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\\\/\\\/informatyka.odkrywajto.pl\\\/?p=236#primaryimage\"},\"image\":{\"@id\":\"https:\\\/\\\/informatyka.odkrywajto.pl\\\/?p=236#primaryimage\"},\"thumbnailUrl\":\"https:\\\/\\\/informatyka.odkrywajto.pl\\\/wp-content\\\/uploads\\\/2025\\\/10\\\/hlep.jpg\",\"datePublished\":\"2025-10-29T09:58:44+00:00\",\"breadcrumb\":{\"@id\":\"https:\\\/\\\/informatyka.odkrywajto.pl\\\/?p=236#breadcrumb\"},\"inLanguage\":\"pl-PL\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\\\/\\\/informatyka.odkrywajto.pl\\\/?p=236\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"pl-PL\",\"@id\":\"https:\\\/\\\/informatyka.odkrywajto.pl\\\/?p=236#primaryimage\",\"url\":\"https:\\\/\\\/informatyka.odkrywajto.pl\\\/wp-content\\\/uploads\\\/2025\\\/10\\\/hlep.jpg\",\"contentUrl\":\"https:\\\/\\\/informatyka.odkrywajto.pl\\\/wp-content\\\/uploads\\\/2025\\\/10\\\/hlep.jpg\",\"width\":800,\"height\":601},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\\\/\\\/informatyka.odkrywajto.pl\\\/?p=236#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\\\/\\\/informatyka.odkrywajto.pl\\\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Z\u0142oty Chleb – krok po kroku – tutorial\"}]},{\"@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":"Z\u0142oty Chleb - krok po kroku - tutorial - 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=236","og_locale":"pl_PL","og_type":"article","og_title":"Z\u0142oty Chleb - krok po kroku - tutorial - Informatyka Zadania","og_description":"Szczeg\u00f3\u0142owa instrukcja krok po kroku Poni\u017cej znajdziesz dok\u0142adne, praktyczne kroki \u2014 od utworzenia struktury plik\u00f3w, przez zawarto\u015b\u0107 index.html i style.css, a\u017c po testowanie i walidacj\u0119. Zr\u00f3b wszystko w podanej kolejno\u015bci. 1. Przygotuj folder projektu Utw\u00f3rz nowy folder, np. zloty-chleb. W \u015brodku stw\u00f3rz dwa pliki: index.html i style.css. Dodaj folder images (opcjonalnie) i wrzu\u0107 tam plik […]","og_url":"https:\/\/informatyka.odkrywajto.pl\/?p=236","og_site_name":"Informatyka Zadania","article_published_time":"2025-10-29T09:58:44+00:00","og_image":[{"width":800,"height":601,"url":"https:\/\/informatyka.odkrywajto.pl\/wp-content\/uploads\/2025\/10\/hlep.jpg","type":"image\/jpeg"}],"author":"DuzyZajac","twitter_card":"summary_large_image","twitter_misc":{"Napisane przez":"DuzyZajac","Szacowany czas czytania":"4 minuty"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/informatyka.odkrywajto.pl\/?p=236#article","isPartOf":{"@id":"https:\/\/informatyka.odkrywajto.pl\/?p=236"},"author":{"name":"DuzyZajac","@id":"https:\/\/informatyka.odkrywajto.pl\/#\/schema\/person\/2bf15d5917c9daa73c658396c450c55a"},"headline":"Z\u0142oty Chleb – krok po kroku – tutorial","datePublished":"2025-10-29T09:58:44+00:00","mainEntityOfPage":{"@id":"https:\/\/informatyka.odkrywajto.pl\/?p=236"},"wordCount":669,"publisher":{"@id":"https:\/\/informatyka.odkrywajto.pl\/#organization"},"image":{"@id":"https:\/\/informatyka.odkrywajto.pl\/?p=236#primaryimage"},"thumbnailUrl":"https:\/\/informatyka.odkrywajto.pl\/wp-content\/uploads\/2025\/10\/hlep.jpg","keywords":["Chleb"],"articleSection":["Aktualno\u015bci","Tutoriale"],"inLanguage":"pl-PL"},{"@type":"WebPage","@id":"https:\/\/informatyka.odkrywajto.pl\/?p=236","url":"https:\/\/informatyka.odkrywajto.pl\/?p=236","name":"Z\u0142oty Chleb - krok po kroku - tutorial - Informatyka Zadania","isPartOf":{"@id":"https:\/\/informatyka.odkrywajto.pl\/#website"},"primaryImageOfPage":{"@id":"https:\/\/informatyka.odkrywajto.pl\/?p=236#primaryimage"},"image":{"@id":"https:\/\/informatyka.odkrywajto.pl\/?p=236#primaryimage"},"thumbnailUrl":"https:\/\/informatyka.odkrywajto.pl\/wp-content\/uploads\/2025\/10\/hlep.jpg","datePublished":"2025-10-29T09:58:44+00:00","breadcrumb":{"@id":"https:\/\/informatyka.odkrywajto.pl\/?p=236#breadcrumb"},"inLanguage":"pl-PL","potentialAction":[{"@type":"ReadAction","target":["https:\/\/informatyka.odkrywajto.pl\/?p=236"]}]},{"@type":"ImageObject","inLanguage":"pl-PL","@id":"https:\/\/informatyka.odkrywajto.pl\/?p=236#primaryimage","url":"https:\/\/informatyka.odkrywajto.pl\/wp-content\/uploads\/2025\/10\/hlep.jpg","contentUrl":"https:\/\/informatyka.odkrywajto.pl\/wp-content\/uploads\/2025\/10\/hlep.jpg","width":800,"height":601},{"@type":"BreadcrumbList","@id":"https:\/\/informatyka.odkrywajto.pl\/?p=236#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/informatyka.odkrywajto.pl\/"},{"@type":"ListItem","position":2,"name":"Z\u0142oty Chleb – krok po kroku – tutorial"}]},{"@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\/236","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=236"}],"version-history":[{"count":1,"href":"https:\/\/informatyka.odkrywajto.pl\/index.php?rest_route=\/wp\/v2\/posts\/236\/revisions"}],"predecessor-version":[{"id":239,"href":"https:\/\/informatyka.odkrywajto.pl\/index.php?rest_route=\/wp\/v2\/posts\/236\/revisions\/239"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/informatyka.odkrywajto.pl\/index.php?rest_route=\/wp\/v2\/media\/238"}],"wp:attachment":[{"href":"https:\/\/informatyka.odkrywajto.pl\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=236"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/informatyka.odkrywajto.pl\/index.php?rest_route=%2Fwp%2Fv2%2Fcategories&post=236"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/informatyka.odkrywajto.pl\/index.php?rest_route=%2Fwp%2Fv2%2Ftags&post=236"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}