{"id":282,"date":"2025-11-26T11:30:54","date_gmt":"2025-11-26T10:30:54","guid":{"rendered":"https:\/\/informatyka.odkrywajto.pl\/?p=282"},"modified":"2025-11-26T15:40:37","modified_gmt":"2025-11-26T14:40:37","slug":"09-html-css-tekst-i-czcionka-identyfikatory-i-klasy","status":"publish","type":"post","link":"https:\/\/informatyka.odkrywajto.pl\/?p=282","title":{"rendered":"09 \u2013 HTML, CSS \u2013 tekst i czcionka, identyfikatory i klasy."},"content":{"rendered":"<p>1. Najpierw test: <a href=\"https:\/\/egzamin-informatyk.pl\/testy-html-css-js-php\/\">https:\/\/egzamin-informatyk.pl\/testy-html-css-js-php\/<\/a><\/p>\n<p>2. Teraz zadanie:<\/p>\n<h3 data-start=\"412\" data-end=\"428\">Opis zadania<\/h3>\n<p data-start=\"430\" data-end=\"633\">Stw\u00f3rz prost\u0105 stron\u0119 internetow\u0105 sk\u0142adaj\u0105c\u0105 si\u0119 z pliku <strong data-start=\"486\" data-end=\"494\">HTML<\/strong> oraz powi\u0105zanego <strong data-start=\"512\" data-end=\"527\">arkusza CSS<\/strong>, kt\u00f3ra przedstawia kr\u00f3tki tekst informacyjny (np. paragraf powitania, nag\u0142\u00f3wek, cytat). Twoim celem jest:<\/p>\n<ol data-start=\"635\" data-end=\"862\">\n<li data-start=\"635\" data-end=\"694\">\n<p data-start=\"638\" data-end=\"694\">u\u017cycie identyfikator\u00f3w (<code data-start=\"662\" data-end=\"666\">id<\/code>) i klas (<code data-start=\"676\" data-end=\"683\">class<\/code>) w HTML,<\/p>\n<\/li>\n<li data-start=\"695\" data-end=\"769\">\n<p data-start=\"698\" data-end=\"769\">nadanie stylu tekstowi za pomoc\u0105 CSS (czcionka, rozmiar, waga, styl),<\/p>\n<\/li>\n<li data-start=\"770\" data-end=\"862\">\n<p data-start=\"773\" data-end=\"862\">wyra\u017ane rozr\u00f3\u017cnienie styl\u00f3w dla element\u00f3w oznaczonych r\u00f3\u017cnymi klasami i identyfikatorami.<\/p>\n<\/li>\n<\/ol>\n<hr data-start=\"864\" data-end=\"867\" \/>\n<h3 data-start=\"869\" data-end=\"893\">Wymagania techniczne<\/h3>\n<h4 data-start=\"895\" data-end=\"917\">1. Struktura HTML<\/h4>\n<ul data-start=\"919\" data-end=\"1476\">\n<li data-start=\"919\" data-end=\"948\">\n<p data-start=\"921\" data-end=\"948\">Utw\u00f3rz plik <code data-start=\"933\" data-end=\"945\">index.html<\/code>.<\/p>\n<\/li>\n<li data-start=\"949\" data-end=\"1476\">\n<p data-start=\"951\" data-end=\"980\">W pliku umie\u015b\u0107 co najmniej:<\/p>\n<ul data-start=\"984\" data-end=\"1476\">\n<li data-start=\"984\" data-end=\"1083\">\n<p data-start=\"986\" data-end=\"1083\"><strong data-start=\"986\" data-end=\"998\">nag\u0142\u00f3wek<\/strong> (<code data-start=\"1000\" data-end=\"1006\">&lt;h1&gt;<\/code>) zawieraj\u0105cy tytu\u0142 strony, z przypisanym <strong data-start=\"1048\" data-end=\"1067\">identyfikatorem<\/strong> <code data-start=\"1068\" data-end=\"1080\">main-title<\/code>.<\/p>\n<\/li>\n<li data-start=\"1086\" data-end=\"1183\">\n<p data-start=\"1088\" data-end=\"1183\"><strong data-start=\"1088\" data-end=\"1100\">paragraf<\/strong> (<code data-start=\"1102\" data-end=\"1107\">&lt;p&gt;<\/code>) z tekstem powitania lub opisu strony, z przypisan\u0105 klas\u0105 <code data-start=\"1166\" data-end=\"1180\">welcome-text<\/code>.<\/p>\n<\/li>\n<li data-start=\"1186\" data-end=\"1315\">\n<p data-start=\"1188\" data-end=\"1315\"><strong data-start=\"1188\" data-end=\"1200\">paragraf<\/strong> lub blok tekstu (<code data-start=\"1218\" data-end=\"1225\">&lt;div&gt;<\/code> albo <code data-start=\"1231\" data-end=\"1236\">&lt;p&gt;<\/code>) ze <strong data-start=\"1241\" data-end=\"1265\">stylizowanym cytatem<\/strong>, z klas\u0105 <code data-start=\"1275\" data-end=\"1286\">highlight<\/code> i identyfikatorem <code data-start=\"1305\" data-end=\"1312\">quote<\/code>.<\/p>\n<\/li>\n<li data-start=\"1318\" data-end=\"1476\">\n<p data-start=\"1320\" data-end=\"1476\"><strong data-start=\"1320\" data-end=\"1328\">span<\/strong> lub inny element inline, np. w \u015brodku paragrafu, z klas\u0105 <code data-start=\"1386\" data-end=\"1398\">small-note<\/code>, zawieraj\u0105cy dodatkow\u0105, mniejsz\u0105 uwag\u0119 (np. \u201eUwaga: to jest wersja robocza\u201d).<\/p>\n<\/li>\n<\/ul>\n<\/li>\n<\/ul>\n<h4 data-start=\"1478\" data-end=\"1496\">2. Arkusz CSS<\/h4>\n<ul data-start=\"1498\" data-end=\"2346\">\n<li data-start=\"1498\" data-end=\"1602\">\n<p data-start=\"1500\" data-end=\"1602\">Utw\u00f3rz plik <code data-start=\"1512\" data-end=\"1524\">styles.css<\/code> i pod\u0142\u0105cz go w nag\u0142\u00f3wku HTML (<code data-start=\"1555\" data-end=\"1598\">&lt;link rel=\"stylesheet\" href=\"styles.css\"&gt;<\/code>).<\/p>\n<\/li>\n<li data-start=\"1603\" data-end=\"2197\">\n<p data-start=\"1605\" data-end=\"1650\">Zdefiniuj style dla nast\u0119puj\u0105cych selektor\u00f3w:<\/p>\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=\"1654\" data-end=\"2197\">\n<thead data-start=\"1654\" data-end=\"1683\">\n<tr data-start=\"1654\" data-end=\"1683\">\n<th data-start=\"1654\" data-end=\"1665\" data-col-size=\"sm\">Selektor<\/th>\n<th data-start=\"1665\" data-end=\"1683\" data-col-size=\"lg\">Wymagane style<\/th>\n<\/tr>\n<\/thead>\n<tbody data-start=\"1698\" data-end=\"2197\">\n<tr data-start=\"1698\" data-end=\"1768\">\n<td data-start=\"1698\" data-end=\"1714\" data-col-size=\"sm\"><code data-start=\"1700\" data-end=\"1713\">#main-title<\/code><\/td>\n<td data-start=\"1714\" data-end=\"1768\" data-col-size=\"lg\"><code data-start=\"1716\" data-end=\"1729\">font-family<\/code>, <code data-start=\"1731\" data-end=\"1742\">font-size<\/code>, <code data-start=\"1744\" data-end=\"1757\">font-weight<\/code>, <code data-start=\"1759\" data-end=\"1766\">color<\/code><\/td>\n<\/tr>\n<tr data-start=\"1771\" data-end=\"1834\">\n<td data-start=\"1771\" data-end=\"1789\" data-col-size=\"sm\"><code data-start=\"1773\" data-end=\"1788\">.welcome-text<\/code><\/td>\n<td data-start=\"1789\" data-end=\"1834\" data-col-size=\"lg\"><code data-start=\"1791\" data-end=\"1804\">font-family<\/code>, <code data-start=\"1806\" data-end=\"1817\">font-size<\/code>, <code data-start=\"1819\" data-end=\"1832\">line-height<\/code><\/td>\n<\/tr>\n<tr data-start=\"1837\" data-end=\"1894\">\n<td data-start=\"1837\" data-end=\"1848\" data-col-size=\"sm\"><code data-start=\"1839\" data-end=\"1847\">#quote<\/code><\/td>\n<td data-start=\"1848\" data-end=\"1894\" data-col-size=\"lg\"><code data-start=\"1850\" data-end=\"1870\">font-style: italic<\/code>, <code data-start=\"1872\" data-end=\"1883\">font-size<\/code>, <code data-start=\"1885\" data-end=\"1892\">color<\/code><\/td>\n<\/tr>\n<tr data-start=\"1897\" data-end=\"2069\">\n<td data-start=\"1897\" data-end=\"1912\" data-col-size=\"sm\"><code data-start=\"1899\" data-end=\"1911\">.highlight<\/code><\/td>\n<td data-start=\"1912\" data-end=\"2069\" data-col-size=\"lg\">(je\u015bli u\u017cywasz klasy <code data-start=\"1935\" data-end=\"1946\">highlight<\/code> na tym samym elemencie co <code data-start=\"1973\" data-end=\"1981\">#quote<\/code>, styl klasy ma by\u0107 nieco inny ni\u017c w identyfikatorze \u2014 np. zmiana t\u0142a lub obramowania)<\/td>\n<\/tr>\n<tr data-start=\"2072\" data-end=\"2197\">\n<td data-start=\"2072\" data-end=\"2088\" data-col-size=\"sm\"><code data-start=\"2074\" data-end=\"2087\">.small-note<\/code><\/td>\n<td data-start=\"2088\" data-end=\"2197\" data-col-size=\"lg\">mniejsza czcionka, np. <code data-start=\"2113\" data-end=\"2131\">font-size: 0.8em<\/code> lub <code data-start=\"2136\" data-end=\"2143\">small<\/code>, oraz inny kolor (np. ja\u015bniejszy lub kontrastuj\u0105cy)<\/td>\n<\/tr>\n<\/tbody>\n<\/table>\n<\/div>\n<\/div>\n<\/li>\n<\/ul>\n<h3 data-start=\"3474\" data-end=\"3492\">Kryteria oceny<\/h3>\n<p data-start=\"3494\" data-end=\"3577\">Podczas oceniania zadania (np. w kontek\u015bcie egzaminu lub \u0107wiczenia) zwr\u00f3\u0107 uwag\u0119 na:<\/p>\n<ol data-start=\"3579\" data-end=\"4197\">\n<li data-start=\"3579\" data-end=\"3711\">\n<p data-start=\"3582\" data-end=\"3711\"><strong data-start=\"3582\" data-end=\"3607\">Poprawno\u015b\u0107 HTML i CSS<\/strong>: identyfikatory i klasy s\u0105 u\u017cyte zgodnie z wymaganiami, bez liter\u00f3wek, selektory s\u0105 dobrze sparowane.<\/p>\n<\/li>\n<li data-start=\"3712\" data-end=\"3817\">\n<p data-start=\"3715\" data-end=\"3817\"><strong data-start=\"3715\" data-end=\"3732\">Styl czcionki<\/strong>: r\u00f3\u017cne elementy maj\u0105 odpowiednio dobran\u0105 rodzin\u0119 czcionek, rozmiar, wag\u0119 lub styl.<\/p>\n<\/li>\n<li data-start=\"3818\" data-end=\"3911\">\n<p data-start=\"3821\" data-end=\"3911\"><strong data-start=\"3821\" data-end=\"3846\">Czytelno\u015b\u0107 i estetyka<\/strong>: tekst jest czytelny, kolory i odst\u0119py s\u0105 estetyczne i sp\u00f3jne.<\/p>\n<\/li>\n<li data-start=\"3912\" data-end=\"4016\">\n<p data-start=\"3915\" data-end=\"4016\"><strong data-start=\"3915\" data-end=\"3934\">Modularno\u015b\u0107 CSS<\/strong>: unikasz powielania tych samych w\u0142a\u015bciwo\u015bci \u2013 klasy i identyfikatory maj\u0105 sens.<\/p>\n<\/li>\n<\/ol>\n","protected":false},"excerpt":{"rendered":"<p>1. Najpierw test: https:\/\/egzamin-informatyk.pl\/testy-html-css-js-php\/ 2. Teraz zadanie: Opis zadania Stw\u00f3rz prost\u0105 stron\u0119 internetow\u0105 sk\u0142adaj\u0105c\u0105 si\u0119 z pliku HTML oraz powi\u0105zanego arkusza CSS, kt\u00f3ra przedstawia kr\u00f3tki tekst informacyjny (np. paragraf powitania, nag\u0142\u00f3wek, cytat). Twoim celem jest: u\u017cycie identyfikator\u00f3w (id) i klas (class) w HTML, nadanie stylu tekstowi za pomoc\u0105 CSS (czcionka, rozmiar, waga, styl), wyra\u017ane rozr\u00f3\u017cnienie [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":283,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[9,16],"tags":[18,19,4],"class_list":["post-282","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-aktualnosci","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. - 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=282\" \/>\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. - Informatyka Zadania\" \/>\n<meta property=\"og:description\" content=\"1. Najpierw test: https:\/\/egzamin-informatyk.pl\/testy-html-css-js-php\/ 2. Teraz zadanie: Opis zadania Stw\u00f3rz prost\u0105 stron\u0119 internetow\u0105 sk\u0142adaj\u0105c\u0105 si\u0119 z pliku HTML oraz powi\u0105zanego arkusza CSS, kt\u00f3ra przedstawia kr\u00f3tki tekst informacyjny (np. paragraf powitania, nag\u0142\u00f3wek, cytat). Twoim celem jest: u\u017cycie identyfikator\u00f3w (id) i klas (class) w HTML, nadanie stylu tekstowi za pomoc\u0105 CSS (czcionka, rozmiar, waga, styl), wyra\u017ane rozr\u00f3\u017cnienie [&hellip;]\" \/>\n<meta property=\"og:url\" content=\"https:\/\/informatyka.odkrywajto.pl\/?p=282\" \/>\n<meta property=\"og:site_name\" content=\"Informatyka Zadania\" \/>\n<meta property=\"article:published_time\" content=\"2025-11-26T10:30:54+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2025-11-26T14:40:37+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/informatyka.odkrywajto.pl\/wp-content\/uploads\/2025\/11\/obrazek-css-1024x683.png\" \/>\n\t<meta property=\"og:image:width\" content=\"1024\" \/>\n\t<meta property=\"og:image:height\" content=\"683\" \/>\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=\"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=282#article\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/informatyka.odkrywajto.pl\\\/?p=282\"},\"author\":{\"name\":\"DuzyZajac\",\"@id\":\"https:\\\/\\\/informatyka.odkrywajto.pl\\\/#\\\/schema\\\/person\\\/2bf15d5917c9daa73c658396c450c55a\"},\"headline\":\"09 \u2013 HTML, CSS \u2013 tekst i czcionka, identyfikatory i klasy.\",\"datePublished\":\"2025-11-26T10:30:54+00:00\",\"dateModified\":\"2025-11-26T14:40:37+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\\\/\\\/informatyka.odkrywajto.pl\\\/?p=282\"},\"wordCount\":290,\"publisher\":{\"@id\":\"https:\\\/\\\/informatyka.odkrywajto.pl\\\/#organization\"},\"image\":{\"@id\":\"https:\\\/\\\/informatyka.odkrywajto.pl\\\/?p=282#primaryimage\"},\"thumbnailUrl\":\"https:\\\/\\\/informatyka.odkrywajto.pl\\\/wp-content\\\/uploads\\\/2025\\\/11\\\/obrazek-css.png\",\"keywords\":[\"css\",\"html\",\"Zadania\"],\"articleSection\":[\"Aktualno\u015bci\",\"zadania egzaminacyjne\"],\"inLanguage\":\"pl-PL\"},{\"@type\":\"WebPage\",\"@id\":\"https:\\\/\\\/informatyka.odkrywajto.pl\\\/?p=282\",\"url\":\"https:\\\/\\\/informatyka.odkrywajto.pl\\\/?p=282\",\"name\":\"09 \u2013 HTML, CSS \u2013 tekst i czcionka, identyfikatory i klasy. - Informatyka Zadania\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/informatyka.odkrywajto.pl\\\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\\\/\\\/informatyka.odkrywajto.pl\\\/?p=282#primaryimage\"},\"image\":{\"@id\":\"https:\\\/\\\/informatyka.odkrywajto.pl\\\/?p=282#primaryimage\"},\"thumbnailUrl\":\"https:\\\/\\\/informatyka.odkrywajto.pl\\\/wp-content\\\/uploads\\\/2025\\\/11\\\/obrazek-css.png\",\"datePublished\":\"2025-11-26T10:30:54+00:00\",\"dateModified\":\"2025-11-26T14:40:37+00:00\",\"breadcrumb\":{\"@id\":\"https:\\\/\\\/informatyka.odkrywajto.pl\\\/?p=282#breadcrumb\"},\"inLanguage\":\"pl-PL\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\\\/\\\/informatyka.odkrywajto.pl\\\/?p=282\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"pl-PL\",\"@id\":\"https:\\\/\\\/informatyka.odkrywajto.pl\\\/?p=282#primaryimage\",\"url\":\"https:\\\/\\\/informatyka.odkrywajto.pl\\\/wp-content\\\/uploads\\\/2025\\\/11\\\/obrazek-css.png\",\"contentUrl\":\"https:\\\/\\\/informatyka.odkrywajto.pl\\\/wp-content\\\/uploads\\\/2025\\\/11\\\/obrazek-css.png\",\"width\":1536,\"height\":1024},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\\\/\\\/informatyka.odkrywajto.pl\\\/?p=282#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.\"}]},{\"@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. - 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=282","og_locale":"pl_PL","og_type":"article","og_title":"09 \u2013 HTML, CSS \u2013 tekst i czcionka, identyfikatory i klasy. - Informatyka Zadania","og_description":"1. Najpierw test: https:\/\/egzamin-informatyk.pl\/testy-html-css-js-php\/ 2. Teraz zadanie: Opis zadania Stw\u00f3rz prost\u0105 stron\u0119 internetow\u0105 sk\u0142adaj\u0105c\u0105 si\u0119 z pliku HTML oraz powi\u0105zanego arkusza CSS, kt\u00f3ra przedstawia kr\u00f3tki tekst informacyjny (np. paragraf powitania, nag\u0142\u00f3wek, cytat). Twoim celem jest: u\u017cycie identyfikator\u00f3w (id) i klas (class) w HTML, nadanie stylu tekstowi za pomoc\u0105 CSS (czcionka, rozmiar, waga, styl), wyra\u017ane rozr\u00f3\u017cnienie [&hellip;]","og_url":"https:\/\/informatyka.odkrywajto.pl\/?p=282","og_site_name":"Informatyka Zadania","article_published_time":"2025-11-26T10:30:54+00:00","article_modified_time":"2025-11-26T14:40:37+00:00","og_image":[{"width":1024,"height":683,"url":"https:\/\/informatyka.odkrywajto.pl\/wp-content\/uploads\/2025\/11\/obrazek-css-1024x683.png","type":"image\/png"}],"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=282#article","isPartOf":{"@id":"https:\/\/informatyka.odkrywajto.pl\/?p=282"},"author":{"name":"DuzyZajac","@id":"https:\/\/informatyka.odkrywajto.pl\/#\/schema\/person\/2bf15d5917c9daa73c658396c450c55a"},"headline":"09 \u2013 HTML, CSS \u2013 tekst i czcionka, identyfikatory i klasy.","datePublished":"2025-11-26T10:30:54+00:00","dateModified":"2025-11-26T14:40:37+00:00","mainEntityOfPage":{"@id":"https:\/\/informatyka.odkrywajto.pl\/?p=282"},"wordCount":290,"publisher":{"@id":"https:\/\/informatyka.odkrywajto.pl\/#organization"},"image":{"@id":"https:\/\/informatyka.odkrywajto.pl\/?p=282#primaryimage"},"thumbnailUrl":"https:\/\/informatyka.odkrywajto.pl\/wp-content\/uploads\/2025\/11\/obrazek-css.png","keywords":["css","html","Zadania"],"articleSection":["Aktualno\u015bci","zadania egzaminacyjne"],"inLanguage":"pl-PL"},{"@type":"WebPage","@id":"https:\/\/informatyka.odkrywajto.pl\/?p=282","url":"https:\/\/informatyka.odkrywajto.pl\/?p=282","name":"09 \u2013 HTML, CSS \u2013 tekst i czcionka, identyfikatory i klasy. - Informatyka Zadania","isPartOf":{"@id":"https:\/\/informatyka.odkrywajto.pl\/#website"},"primaryImageOfPage":{"@id":"https:\/\/informatyka.odkrywajto.pl\/?p=282#primaryimage"},"image":{"@id":"https:\/\/informatyka.odkrywajto.pl\/?p=282#primaryimage"},"thumbnailUrl":"https:\/\/informatyka.odkrywajto.pl\/wp-content\/uploads\/2025\/11\/obrazek-css.png","datePublished":"2025-11-26T10:30:54+00:00","dateModified":"2025-11-26T14:40:37+00:00","breadcrumb":{"@id":"https:\/\/informatyka.odkrywajto.pl\/?p=282#breadcrumb"},"inLanguage":"pl-PL","potentialAction":[{"@type":"ReadAction","target":["https:\/\/informatyka.odkrywajto.pl\/?p=282"]}]},{"@type":"ImageObject","inLanguage":"pl-PL","@id":"https:\/\/informatyka.odkrywajto.pl\/?p=282#primaryimage","url":"https:\/\/informatyka.odkrywajto.pl\/wp-content\/uploads\/2025\/11\/obrazek-css.png","contentUrl":"https:\/\/informatyka.odkrywajto.pl\/wp-content\/uploads\/2025\/11\/obrazek-css.png","width":1536,"height":1024},{"@type":"BreadcrumbList","@id":"https:\/\/informatyka.odkrywajto.pl\/?p=282#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."}]},{"@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\/282","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=282"}],"version-history":[{"count":1,"href":"https:\/\/informatyka.odkrywajto.pl\/index.php?rest_route=\/wp\/v2\/posts\/282\/revisions"}],"predecessor-version":[{"id":284,"href":"https:\/\/informatyka.odkrywajto.pl\/index.php?rest_route=\/wp\/v2\/posts\/282\/revisions\/284"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/informatyka.odkrywajto.pl\/index.php?rest_route=\/wp\/v2\/media\/283"}],"wp:attachment":[{"href":"https:\/\/informatyka.odkrywajto.pl\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=282"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/informatyka.odkrywajto.pl\/index.php?rest_route=%2Fwp%2Fv2%2Fcategories&post=282"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/informatyka.odkrywajto.pl\/index.php?rest_route=%2Fwp%2Fv2%2Ftags&post=282"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}