{"id":288,"date":"2025-11-26T10:56:46","date_gmt":"2025-11-26T09:56:46","guid":{"rendered":"https:\/\/informatyka.odkrywajto.pl\/?p=288"},"modified":"2025-11-26T10:56:46","modified_gmt":"2025-11-26T09:56:46","slug":"09-html-css-tekst-i-czcionka-identyfikatory-i-klasy-rozszerzenia-zadania","status":"publish","type":"post","link":"https:\/\/informatyka.odkrywajto.pl\/?p=288","title":{"rendered":"09 \u2013 HTML, CSS \u2013 tekst i czcionka, identyfikatory i klasy &#8211; rozszerzenia zadania"},"content":{"rendered":"<p><strong data-start=\"4023\" data-end=\"4056\">Rozszerzenia &#8211; <\/strong>responsywno\u015b\u0107, pseudo-klasy, import czcionek i poprawno\u015b\u0107 dost\u0119pno\u015bci.<\/p>\n<h1 data-start=\"231\" data-end=\"266\">\u2705 <strong data-start=\"235\" data-end=\"266\">1. Responsywno\u015b\u0107 (<code data-start=\"255\" data-end=\"263\">@media<\/code>)<\/strong><\/h1>\n<p data-start=\"268\" data-end=\"365\"><strong data-start=\"268\" data-end=\"285\">Responsywno\u015b\u0107<\/strong> polega na dostosowaniu wygl\u0105du strony do szeroko\u015bci urz\u0105dzenia \u2014 np. telefon\u00f3w.<\/p>\n<h3 data-start=\"367\" data-end=\"436\">\ud83d\udc49 <strong data-start=\"374\" data-end=\"436\">Przyk\u0142ad: zmniejszenie czcionki na ekranach poni\u017cej 600 px<\/strong><\/h3>\n<div class=\"contain-inline-size rounded-2xl relative bg-token-sidebar-surface-primary\">\n<p>\/* Styl podstawowy (komputery) *\/<br \/>\np {<br \/>\nfont-size: 18px;<br \/>\n}<\/p>\n<p>\/* Styl dla ekran\u00f3w w\u0105skich (telefony) *\/<br \/>\n@media (max-width: 600px) {<br \/>\np {<br \/>\nfont-size: 14px;<br \/>\n}<br \/>\n}<\/p>\n<p>Mo\u017cna te\u017c zmienia\u0107 <strong data-start=\"632\" data-end=\"661\">marginesy, odst\u0119py, uk\u0142ad<\/strong>:<\/p>\n<\/div>\n<p>@media (max-width: 600px) {<br \/>\n.container {<br \/>\npadding: 10px;<br \/>\n}<br \/>\n}<\/p>\n<p>&nbsp;<\/p>\n<h1 data-start=\"749\" data-end=\"782\">\u2705 <strong data-start=\"753\" data-end=\"782\">2. Pseudo-klasy: <code data-start=\"772\" data-end=\"780\">:hover<\/code><\/strong><\/h1>\n<p data-start=\"784\" data-end=\"866\">Pseudo-klasa <code data-start=\"797\" data-end=\"805\">:hover<\/code> zmienia wygl\u0105d elementu, kiedy u\u017cytkownik <em data-start=\"848\" data-end=\"865\">naje\u017cd\u017ca myszk\u0105<\/em>.<\/p>\n<h3 data-start=\"868\" data-end=\"910\">\ud83d\udc49 <strong data-start=\"875\" data-end=\"910\">Przyk\u0142ad dla <code data-start=\"890\" data-end=\"908\">.highlight:hover<\/code><\/strong><\/h3>\n<p>&nbsp;<\/p>\n<p>.highlight {<br \/>\nbackground-color: #e0f7fa;<br \/>\npadding: 10px;<br \/>\nborder-left: 4px solid #007f9a;<br \/>\n}<\/p>\n<p>\/* Efekt po najechaniu myszk\u0105 *\/<br \/>\n.highlight:hover {<br \/>\nbackground-color: #c3eff3;<br \/>\nborder-left-color: #005f6a;<br \/>\n}<\/p>\n<p>Efekt: cytat \u201epod\u015bwietla si\u0119\u201d, gdy nad nim jest kursor.<\/p>\n<div class=\"contain-inline-size rounded-2xl relative bg-token-sidebar-surface-primary\"><\/div>\n<div>\n<h1 data-start=\"1195\" data-end=\"1238\">\u2705 <strong data-start=\"1199\" data-end=\"1238\">3. Web font \u2013 import z Google Fonts<\/strong><\/h1>\n<p data-start=\"1240\" data-end=\"1305\">Mo\u017cna u\u017cywa\u0107 czcionek zewn\u0119trznych dzi\u0119ki <code data-start=\"1282\" data-end=\"1291\">@import<\/code> lub <code data-start=\"1296\" data-end=\"1304\">&lt;link&gt;<\/code>.<\/p>\n<h3 data-start=\"1307\" data-end=\"1352\">\ud83d\udc49 <strong data-start=\"1314\" data-end=\"1352\">Przyk\u0142ad: import czcionki \u201eRoboto\u201d<\/strong><\/h3>\n<p data-start=\"1354\" data-end=\"1370\"><strong data-start=\"1354\" data-end=\"1370\">W pliku CSS:<\/strong><\/p>\n<p>@import url(&#8217;https:\/\/fonts.googleapis.com\/css2?family=Roboto:wght@400;700&amp;display=swap&#8217;);<\/p>\n<p>.welcome-text {<br \/>\nfont-family: 'Roboto&#8217;, sans-serif;<br \/>\nfont-size: 18px;<br \/>\n}<\/p>\n<\/div>\n<p>Lub w HTML:<\/p>\n<p>&lt;link href=&#8221;https:\/\/fonts.googleapis.com\/css2?family=Roboto:wght@400;700&amp;display=swap&#8221; rel=&#8221;stylesheet&#8221;&gt;<\/p>\n<p>Czcionk\u0119 mo\u017cesz przypisa\u0107 tylko wybranym elementom \u2014 np. <code data-start=\"1741\" data-end=\"1756\">.welcome-text<\/code>.<\/p>\n<p>&nbsp;<\/p>\n<h1 data-start=\"1764\" data-end=\"1811\">\u2705 <strong data-start=\"1768\" data-end=\"1811\">4. Dekoracje tekstu (<code data-start=\"1791\" data-end=\"1808\">text-decoration<\/code>)<\/strong><\/h1>\n<p data-start=\"1813\" data-end=\"1878\">S\u0142u\u017c\u0105 do dodawania podkre\u015ble\u0144, linii przez tekst, nadkre\u015ble\u0144 itp.<\/p>\n<h3 data-start=\"1880\" data-end=\"1896\">\ud83d\udc49 Przyk\u0142ad:<\/h3>\n<p>.title {<br \/>\ntext-decoration: underline;<br \/>\n}<\/p>\n<p>.deleted {<br \/>\ntext-decoration: line-through;<br \/>\n}<\/p>\n<p>.link {<br \/>\ntext-decoration: none; \/* usuni\u0119cie podkre\u015blenia *\/<br \/>\n}<\/p>\n<p><strong>Mo\u017cna u\u017cywa\u0107 te\u017c nowoczesnej sk\u0142adni:<\/strong><\/p>\n<p>.title {<br \/>\ntext-decoration: underline wavy red;<br \/>\n}<\/p>\n<p>&nbsp;<\/p>\n<h1 data-start=\"2169\" data-end=\"2209\">\u2705 <strong data-start=\"2173\" data-end=\"2209\">5. Kontrast kolor\u00f3w (dost\u0119pno\u015b\u0107)<\/strong><\/h1>\n<p data-start=\"2211\" data-end=\"2280\">Aby tekst by\u0142 czytelny, kolor tekstu i t\u0142a musz\u0105 si\u0119 wyra\u017anie r\u00f3\u017cni\u0107.<\/p>\n<p data-start=\"2282\" data-end=\"2322\">\ud83d\udc49 <strong data-start=\"2285\" data-end=\"2315\">Przyk\u0142ad s\u0142abego kontrastu<\/strong> (z\u0142y):<\/p>\n<p>.bad {<br \/>\ncolor: #777;<br \/>\nbackground-color: #888;<br \/>\n}<\/p>\n<p>&nbsp;<\/p>\n<p>\ud83d\udc49 <strong data-start=\"2389\" data-end=\"2419\">Przyk\u0142ad dobrego kontrastu<\/strong> (dobry):<\/p>\n<p>.good {<br \/>\ncolor: #000000;<br \/>\nbackground-color: #ffffff;<br \/>\n}<\/p>\n<p><strong>Lub:<\/strong><\/p>\n<p>.good2 {<br \/>\ncolor: #0b2e59; \/* ciemny niebieski *\/<br \/>\nbackground-color: #e4f1ff; \/* bardzo jasny niebieski *\/<br \/>\n}<\/p>\n<p data-start=\"2628\" data-end=\"2694\"><strong>Dla standardu WCAG minimalny kontrast to 4.5:1 (zwyk\u0142y tekst).<\/strong><\/p>\n<p data-start=\"2696\" data-end=\"2801\"><strong>Mo\u017cna sprawdzi\u0107 kontrast np. tu:<\/strong><br data-start=\"2728\" data-end=\"2731\" \/><strong>\ud83d\udd0e \u201econtrast checker\u201d \u2013 narz\u0119dzia online (np. WebAIM Contrast Checker)<\/strong><\/p>\n<p data-start=\"2696\" data-end=\"2801\">\ud83c\udf81 <strong data-start=\"2813\" data-end=\"2876\">Przyk\u0142ad \u0142\u0105czony \u2013 wszystkie zagadnienia w jednym projekcie<\/strong><\/p>\n<p>\/* Import czcionki *\/<br \/>\n@import url(&#8217;https:\/\/fonts.googleapis.com\/css2?family=Roboto:wght@400;700&amp;display=swap&#8217;);<\/p>\n<p>\/* Tekst powitalny *\/<br \/>\n.welcome-text {<br \/>\nfont-family: 'Roboto&#8217;, sans-serif;<br \/>\nfont-size: 18px;<br \/>\ncolor: #1d1d1d;<br \/>\n}<\/p>\n<p>\/* Ma\u0142a nota *\/<br \/>\n.small-note {<br \/>\nfont-size: 0.8em;<br \/>\ncolor: #555;<br \/>\ntext-decoration: underline;<br \/>\n}<\/p>\n<p>\/* Cytat *\/<br \/>\n.highlight {<br \/>\nbackground-color: #e0f7fa;<br \/>\npadding: 12px;<br \/>\nborder-left: 4px solid #007f9a;<br \/>\ncolor: #003f4a;<br \/>\n}<\/p>\n<p>\/* Efekt hover *\/<br \/>\n.highlight:hover {<br \/>\nbackground-color: #c3eff3;<br \/>\nborder-left-color: #005f6a;<br \/>\n}<\/p>\n<p>\/* Responsywno\u015b\u0107 *\/<br \/>\n@media (max-width: 600px) {<br \/>\n.welcome-text {<br \/>\nfont-size: 15px;<br \/>\n}<\/p>\n<p>.highlight {<br \/>\nfont-size: 16px;<br \/>\npadding: 8px;<br \/>\n}<br \/>\n}<\/p>\n","protected":false},"excerpt":{"rendered":"<p>Rozszerzenia &#8211; responsywno\u015b\u0107, pseudo-klasy, import czcionek i poprawno\u015b\u0107 dost\u0119pno\u015bci. \u2705 1. Responsywno\u015b\u0107 (@media) Responsywno\u015b\u0107 polega na dostosowaniu wygl\u0105du strony do szeroko\u015bci urz\u0105dzenia \u2014 np. telefon\u00f3w. \ud83d\udc49 Przyk\u0142ad: zmniejszenie czcionki na ekranach poni\u017cej 600 px \/* Styl podstawowy (komputery) *\/ p { font-size: 18px; } \/* Styl dla ekran\u00f3w w\u0105skich (telefony) *\/ @media (max-width: 600px) { [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":289,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[14,16],"tags":[18,19,4],"class_list":["post-288","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-tutoriale","category-zadania-egzaminacyjne","tag-css","tag-html","tag-zadania"],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v28.4 - https:\/\/yoast.com\/product\/yoast-seo-wordpress\/ -->\n<title>09 \u2013 HTML, CSS \u2013 tekst i czcionka, identyfikatory i klasy - rozszerzenia zadania - 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=288\" \/>\n<meta property=\"og:locale\" content=\"pl_PL\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"09 \u2013 HTML, CSS \u2013 tekst i czcionka, identyfikatory i klasy - rozszerzenia zadania - Informatyka Zadania\" \/>\n<meta property=\"og:description\" content=\"Rozszerzenia &#8211; responsywno\u015b\u0107, pseudo-klasy, import czcionek i poprawno\u015b\u0107 dost\u0119pno\u015bci. \u2705 1. Responsywno\u015b\u0107 (@media) Responsywno\u015b\u0107 polega na dostosowaniu wygl\u0105du strony do szeroko\u015bci urz\u0105dzenia \u2014 np. telefon\u00f3w. \ud83d\udc49 Przyk\u0142ad: zmniejszenie czcionki na ekranach poni\u017cej 600 px \/* Styl podstawowy (komputery) *\/ p { font-size: 18px; } \/* Styl dla ekran\u00f3w w\u0105skich (telefony) *\/ @media (max-width: 600px) { [&hellip;]\" \/>\n<meta property=\"og:url\" content=\"https:\/\/informatyka.odkrywajto.pl\/?p=288\" \/>\n<meta property=\"og:site_name\" content=\"Informatyka Zadania\" \/>\n<meta property=\"article:published_time\" content=\"2025-11-26T09:56:46+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/informatyka.odkrywajto.pl\/wp-content\/uploads\/2025\/11\/ChatGPT-Image-24-lis-2025-12_04_48.png\" \/>\n\t<meta property=\"og:image:width\" content=\"1024\" \/>\n\t<meta property=\"og:image:height\" content=\"1536\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/png\" \/>\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=\"3 minuty\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\\\/\\\/schema.org\",\"@graph\":[{\"@type\":\"Article\",\"@id\":\"https:\\\/\\\/informatyka.odkrywajto.pl\\\/?p=288#article\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/informatyka.odkrywajto.pl\\\/?p=288\"},\"author\":{\"name\":\"DuzyZajac\",\"@id\":\"https:\\\/\\\/informatyka.odkrywajto.pl\\\/#\\\/schema\\\/person\\\/2bf15d5917c9daa73c658396c450c55a\"},\"headline\":\"09 \u2013 HTML, CSS \u2013 tekst i czcionka, identyfikatory i klasy &#8211; rozszerzenia zadania\",\"datePublished\":\"2025-11-26T09:56:46+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\\\/\\\/informatyka.odkrywajto.pl\\\/?p=288\"},\"wordCount\":408,\"publisher\":{\"@id\":\"https:\\\/\\\/informatyka.odkrywajto.pl\\\/#organization\"},\"image\":{\"@id\":\"https:\\\/\\\/informatyka.odkrywajto.pl\\\/?p=288#primaryimage\"},\"thumbnailUrl\":\"https:\\\/\\\/informatyka.odkrywajto.pl\\\/wp-content\\\/uploads\\\/2025\\\/11\\\/ChatGPT-Image-24-lis-2025-12_04_48.png\",\"keywords\":[\"css\",\"html\",\"Zadania\"],\"articleSection\":[\"Tutoriale\",\"zadania egzaminacyjne\"],\"inLanguage\":\"pl-PL\"},{\"@type\":\"WebPage\",\"@id\":\"https:\\\/\\\/informatyka.odkrywajto.pl\\\/?p=288\",\"url\":\"https:\\\/\\\/informatyka.odkrywajto.pl\\\/?p=288\",\"name\":\"09 \u2013 HTML, CSS \u2013 tekst i czcionka, identyfikatory i klasy - rozszerzenia zadania - Informatyka Zadania\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/informatyka.odkrywajto.pl\\\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\\\/\\\/informatyka.odkrywajto.pl\\\/?p=288#primaryimage\"},\"image\":{\"@id\":\"https:\\\/\\\/informatyka.odkrywajto.pl\\\/?p=288#primaryimage\"},\"thumbnailUrl\":\"https:\\\/\\\/informatyka.odkrywajto.pl\\\/wp-content\\\/uploads\\\/2025\\\/11\\\/ChatGPT-Image-24-lis-2025-12_04_48.png\",\"datePublished\":\"2025-11-26T09:56:46+00:00\",\"breadcrumb\":{\"@id\":\"https:\\\/\\\/informatyka.odkrywajto.pl\\\/?p=288#breadcrumb\"},\"inLanguage\":\"pl-PL\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\\\/\\\/informatyka.odkrywajto.pl\\\/?p=288\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"pl-PL\",\"@id\":\"https:\\\/\\\/informatyka.odkrywajto.pl\\\/?p=288#primaryimage\",\"url\":\"https:\\\/\\\/informatyka.odkrywajto.pl\\\/wp-content\\\/uploads\\\/2025\\\/11\\\/ChatGPT-Image-24-lis-2025-12_04_48.png\",\"contentUrl\":\"https:\\\/\\\/informatyka.odkrywajto.pl\\\/wp-content\\\/uploads\\\/2025\\\/11\\\/ChatGPT-Image-24-lis-2025-12_04_48.png\",\"width\":1024,\"height\":1536},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\\\/\\\/informatyka.odkrywajto.pl\\\/?p=288#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\\\/\\\/informatyka.odkrywajto.pl\\\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"09 \u2013 HTML, CSS \u2013 tekst i czcionka, identyfikatory i klasy &#8211; rozszerzenia zadania\"}]},{\"@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":"09 \u2013 HTML, CSS \u2013 tekst i czcionka, identyfikatory i klasy - rozszerzenia zadania - 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=288","og_locale":"pl_PL","og_type":"article","og_title":"09 \u2013 HTML, CSS \u2013 tekst i czcionka, identyfikatory i klasy - rozszerzenia zadania - Informatyka Zadania","og_description":"Rozszerzenia &#8211; responsywno\u015b\u0107, pseudo-klasy, import czcionek i poprawno\u015b\u0107 dost\u0119pno\u015bci. \u2705 1. Responsywno\u015b\u0107 (@media) Responsywno\u015b\u0107 polega na dostosowaniu wygl\u0105du strony do szeroko\u015bci urz\u0105dzenia \u2014 np. telefon\u00f3w. \ud83d\udc49 Przyk\u0142ad: zmniejszenie czcionki na ekranach poni\u017cej 600 px \/* Styl podstawowy (komputery) *\/ p { font-size: 18px; } \/* Styl dla ekran\u00f3w w\u0105skich (telefony) *\/ @media (max-width: 600px) { [&hellip;]","og_url":"https:\/\/informatyka.odkrywajto.pl\/?p=288","og_site_name":"Informatyka Zadania","article_published_time":"2025-11-26T09:56:46+00:00","og_image":[{"width":1024,"height":1536,"url":"https:\/\/informatyka.odkrywajto.pl\/wp-content\/uploads\/2025\/11\/ChatGPT-Image-24-lis-2025-12_04_48.png","type":"image\/png"}],"author":"DuzyZajac","twitter_card":"summary_large_image","twitter_misc":{"Napisane przez":"DuzyZajac","Szacowany czas czytania":"3 minuty"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/informatyka.odkrywajto.pl\/?p=288#article","isPartOf":{"@id":"https:\/\/informatyka.odkrywajto.pl\/?p=288"},"author":{"name":"DuzyZajac","@id":"https:\/\/informatyka.odkrywajto.pl\/#\/schema\/person\/2bf15d5917c9daa73c658396c450c55a"},"headline":"09 \u2013 HTML, CSS \u2013 tekst i czcionka, identyfikatory i klasy &#8211; rozszerzenia zadania","datePublished":"2025-11-26T09:56:46+00:00","mainEntityOfPage":{"@id":"https:\/\/informatyka.odkrywajto.pl\/?p=288"},"wordCount":408,"publisher":{"@id":"https:\/\/informatyka.odkrywajto.pl\/#organization"},"image":{"@id":"https:\/\/informatyka.odkrywajto.pl\/?p=288#primaryimage"},"thumbnailUrl":"https:\/\/informatyka.odkrywajto.pl\/wp-content\/uploads\/2025\/11\/ChatGPT-Image-24-lis-2025-12_04_48.png","keywords":["css","html","Zadania"],"articleSection":["Tutoriale","zadania egzaminacyjne"],"inLanguage":"pl-PL"},{"@type":"WebPage","@id":"https:\/\/informatyka.odkrywajto.pl\/?p=288","url":"https:\/\/informatyka.odkrywajto.pl\/?p=288","name":"09 \u2013 HTML, CSS \u2013 tekst i czcionka, identyfikatory i klasy - rozszerzenia zadania - Informatyka Zadania","isPartOf":{"@id":"https:\/\/informatyka.odkrywajto.pl\/#website"},"primaryImageOfPage":{"@id":"https:\/\/informatyka.odkrywajto.pl\/?p=288#primaryimage"},"image":{"@id":"https:\/\/informatyka.odkrywajto.pl\/?p=288#primaryimage"},"thumbnailUrl":"https:\/\/informatyka.odkrywajto.pl\/wp-content\/uploads\/2025\/11\/ChatGPT-Image-24-lis-2025-12_04_48.png","datePublished":"2025-11-26T09:56:46+00:00","breadcrumb":{"@id":"https:\/\/informatyka.odkrywajto.pl\/?p=288#breadcrumb"},"inLanguage":"pl-PL","potentialAction":[{"@type":"ReadAction","target":["https:\/\/informatyka.odkrywajto.pl\/?p=288"]}]},{"@type":"ImageObject","inLanguage":"pl-PL","@id":"https:\/\/informatyka.odkrywajto.pl\/?p=288#primaryimage","url":"https:\/\/informatyka.odkrywajto.pl\/wp-content\/uploads\/2025\/11\/ChatGPT-Image-24-lis-2025-12_04_48.png","contentUrl":"https:\/\/informatyka.odkrywajto.pl\/wp-content\/uploads\/2025\/11\/ChatGPT-Image-24-lis-2025-12_04_48.png","width":1024,"height":1536},{"@type":"BreadcrumbList","@id":"https:\/\/informatyka.odkrywajto.pl\/?p=288#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/informatyka.odkrywajto.pl\/"},{"@type":"ListItem","position":2,"name":"09 \u2013 HTML, CSS \u2013 tekst i czcionka, identyfikatory i klasy &#8211; rozszerzenia zadania"}]},{"@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\/288","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=288"}],"version-history":[{"count":2,"href":"https:\/\/informatyka.odkrywajto.pl\/index.php?rest_route=\/wp\/v2\/posts\/288\/revisions"}],"predecessor-version":[{"id":494,"href":"https:\/\/informatyka.odkrywajto.pl\/index.php?rest_route=\/wp\/v2\/posts\/288\/revisions\/494"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/informatyka.odkrywajto.pl\/index.php?rest_route=\/wp\/v2\/media\/289"}],"wp:attachment":[{"href":"https:\/\/informatyka.odkrywajto.pl\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=288"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/informatyka.odkrywajto.pl\/index.php?rest_route=%2Fwp%2Fv2%2Fcategories&post=288"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/informatyka.odkrywajto.pl\/index.php?rest_route=%2Fwp%2Fv2%2Ftags&post=288"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}