{"id":259,"date":"2025-11-16T10:31:22","date_gmt":"2025-11-16T09:31:22","guid":{"rendered":"https:\/\/informatyka.odkrywajto.pl\/?p=259"},"modified":"2025-11-16T10:31:22","modified_gmt":"2025-11-16T09:31:22","slug":"zadanie-egzaminacyjne-html-i-css-tekst-czcionki-klasy-identyfikatory","status":"publish","type":"post","link":"https:\/\/informatyka.odkrywajto.pl\/?p=259","title":{"rendered":"Zadanie egzaminacyjne &#8211; HTML i CSS (tekst, czcionki, klasy, identyfikatory)"},"content":{"rendered":"<p data-start=\"467\" data-end=\"752\">Wykonaj kompletn\u0105 stron\u0119 internetow\u0105 zgodnie z poni\u017csz\u0105 specyfikacj\u0105. Strona powinna sk\u0142ada\u0107 si\u0119 z pliku <strong data-start=\"572\" data-end=\"586\">index.html<\/strong> oraz zewn\u0119trznego arkusza styl\u00f3w <strong data-start=\"620\" data-end=\"633\">style.css<\/strong> umieszczonego w tym samym katalogu. Strona ma przedstawia\u0107 wizyt\u00f3wk\u0119 fikcyjnego \u201eCentrum Szkole\u0144 Informatycznych BIT\u201d.<\/p>\n<h3 data-start=\"754\" data-end=\"785\"><strong data-start=\"758\" data-end=\"785\">1. Struktura pliku HTML<\/strong><\/h3>\n<p data-start=\"786\" data-end=\"829\">Utw\u00f3rz dokument <strong data-start=\"802\" data-end=\"816\">index.html<\/strong> zawieraj\u0105cy:<\/p>\n<ol data-start=\"831\" data-end=\"1794\">\n<li data-start=\"831\" data-end=\"1014\">\n<p data-start=\"834\" data-end=\"854\"><strong data-start=\"834\" data-end=\"853\">Nag\u0142\u00f3wek strony<\/strong>:<\/p>\n<ul data-start=\"858\" data-end=\"1014\">\n<li data-start=\"858\" data-end=\"914\">\n<p data-start=\"860\" data-end=\"914\">Tytu\u0142 dokumentu: <em data-start=\"877\" data-end=\"914\">Centrum Szkole\u0144 Informatycznych BIT<\/em><\/p>\n<\/li>\n<li data-start=\"918\" data-end=\"974\">\n<p data-start=\"920\" data-end=\"974\">G\u0142\u00f3wny nag\u0142\u00f3wek: <code data-start=\"937\" data-end=\"943\">&lt;h1&gt;<\/code> z identyfikatorem <code data-start=\"962\" data-end=\"974\">main-title<\/code><\/p>\n<\/li>\n<li data-start=\"978\" data-end=\"1014\">\n<p data-start=\"980\" data-end=\"1014\">Podtytu\u0142 <code data-start=\"989\" data-end=\"995\">&lt;h2&gt;<\/code> z klas\u0105 <code data-start=\"1004\" data-end=\"1014\">subtitle<\/code><\/p>\n<\/li>\n<\/ul>\n<\/li>\n<li data-start=\"1016\" data-end=\"1349\">\n<p data-start=\"1019\" data-end=\"1043\"><strong data-start=\"1019\" data-end=\"1042\">Sekcj\u0119 informacyjn\u0105<\/strong>:<\/p>\n<ul data-start=\"1047\" data-end=\"1349\">\n<li data-start=\"1047\" data-end=\"1102\">\n<p data-start=\"1049\" data-end=\"1102\">Akapit opisowy o dzia\u0142alno\u015bci centrum (dowolna tre\u015b\u0107)<\/p>\n<\/li>\n<li data-start=\"1106\" data-end=\"1172\">\n<p data-start=\"1108\" data-end=\"1172\">Lista punktowana zawieraj\u0105ca <strong data-start=\"1137\" data-end=\"1172\">co najmniej 5 kierunk\u00f3w szkole\u0144<\/strong><\/p>\n<\/li>\n<li data-start=\"1176\" data-end=\"1264\">\n<p data-start=\"1178\" data-end=\"1264\">Link zewn\u0119trzny do strony np. <a class=\"decorated-link\" href=\"https:\/\/www.example.com\" target=\"_new\" rel=\"noopener\" data-start=\"1208\" data-end=\"1231\">https:\/\/www.example.com<\/a><\/p>\n<\/li>\n<\/ul>\n<\/li>\n<\/ol>\n<p>&nbsp;<\/p>\n<h2 data-start=\"1801\" data-end=\"1851\"><strong data-start=\"1804\" data-end=\"1851\">2. Wymagania dotycz\u0105ce CSS (plik style.css)<\/strong><\/h2>\n<p data-start=\"1853\" data-end=\"1910\">Utw\u00f3rz plik <strong data-start=\"1865\" data-end=\"1878\">style.css<\/strong> i dodaj do dokumentu za pomoc\u0105:<\/p>\n<div class=\"contain-inline-size rounded-2xl relative bg-token-sidebar-surface-primary\">&lt;link rel=&#8221;stylesheet&#8221; href=&#8221;style.css&#8221;&gt;<\/div>\n<div><\/div>\n<div>\n<p data-start=\"1965\" data-end=\"1993\">Zastosuj nast\u0119puj\u0105ce regu\u0142y:<\/p>\n<h3 data-start=\"1995\" data-end=\"2032\"><strong data-start=\"1999\" data-end=\"2032\">A. Og\u00f3lne formatowanie tekstu<\/strong><\/h3>\n<ol data-start=\"2033\" data-end=\"2277\">\n<li data-start=\"2033\" data-end=\"2160\">\n<p data-start=\"2036\" data-end=\"2073\">Ustaw domy\u015bln\u0105 czcionk\u0119 dokumentu na:<\/p>\n<ul data-start=\"2077\" data-end=\"2160\">\n<li data-start=\"2077\" data-end=\"2130\">\n<p data-start=\"2079\" data-end=\"2130\">rodzina: <code data-start=\"2088\" data-end=\"2095\">Arial<\/code>, a w przypadku braku: <code data-start=\"2118\" data-end=\"2130\">sans-serif<\/code><\/p>\n<\/li>\n<li data-start=\"2134\" data-end=\"2160\">\n<p data-start=\"2136\" data-end=\"2160\">rozmiar domy\u015blny: <code data-start=\"2154\" data-end=\"2160\">16px<\/code><\/p>\n<\/li>\n<\/ul>\n<\/li>\n<li data-start=\"2162\" data-end=\"2277\">\n<p data-start=\"2165\" data-end=\"2202\">Wszystkie akapity (<code data-start=\"2184\" data-end=\"2187\">p<\/code>) powinny mie\u0107:<\/p>\n<ul data-start=\"2206\" data-end=\"2277\">\n<li data-start=\"2206\" data-end=\"2239\">\n<p data-start=\"2208\" data-end=\"2239\">odst\u0119p mi\u0119dzy wierszami <strong data-start=\"2232\" data-end=\"2239\">1.6<\/strong><\/p>\n<\/li>\n<li data-start=\"2243\" data-end=\"2277\">\n<p data-start=\"2245\" data-end=\"2277\">kolor tekstu: ciemnoszary <code data-start=\"2271\" data-end=\"2277\">#333<\/code><\/p>\n<\/li>\n<\/ul>\n<\/li>\n<\/ol>\n<h3 data-start=\"2279\" data-end=\"2310\"><strong data-start=\"2283\" data-end=\"2310\">B. Stylizacja nag\u0142\u00f3wk\u00f3w<\/strong><\/h3>\n<ol data-start=\"2311\" data-end=\"2573\">\n<li data-start=\"2311\" data-end=\"2469\">\n<p data-start=\"2314\" data-end=\"2341\">Nag\u0142\u00f3wek z ID <code data-start=\"2328\" data-end=\"2340\">main-title<\/code>:<\/p>\n<ul data-start=\"2345\" data-end=\"2469\">\n<li data-start=\"2345\" data-end=\"2373\">\n<p data-start=\"2347\" data-end=\"2373\">czcionka: <code data-start=\"2357\" data-end=\"2366\">Georgia<\/code>, serif<\/p>\n<\/li>\n<li data-start=\"2377\" data-end=\"2395\">\n<p data-start=\"2379\" data-end=\"2395\">wielko\u015b\u0107: <code data-start=\"2389\" data-end=\"2395\">36px<\/code><\/p>\n<\/li>\n<li data-start=\"2399\" data-end=\"2417\">\n<p data-start=\"2401\" data-end=\"2417\">kolor: <code data-start=\"2408\" data-end=\"2417\">#0055aa<\/code><\/p>\n<\/li>\n<li data-start=\"2421\" data-end=\"2443\">\n<p data-start=\"2423\" data-end=\"2443\">wy\u015brodkowanie tekstu<\/p>\n<\/li>\n<li data-start=\"2447\" data-end=\"2469\">\n<p data-start=\"2449\" data-end=\"2469\">odst\u0119p dolny: <code data-start=\"2463\" data-end=\"2469\">20px<\/code><\/p>\n<\/li>\n<\/ul>\n<\/li>\n<li data-start=\"2471\" data-end=\"2573\">\n<p data-start=\"2474\" data-end=\"2502\">Elementy z klas\u0105 <code data-start=\"2491\" data-end=\"2501\">subtitle<\/code>:<\/p>\n<ul data-start=\"2506\" data-end=\"2573\">\n<li data-start=\"2506\" data-end=\"2524\">\n<p data-start=\"2508\" data-end=\"2524\">wielko\u015b\u0107: <code data-start=\"2518\" data-end=\"2524\">22px<\/code><\/p>\n<\/li>\n<li data-start=\"2528\" data-end=\"2546\">\n<p data-start=\"2530\" data-end=\"2546\">kolor: <code data-start=\"2537\" data-end=\"2546\">#0077cc<\/code><\/p>\n<\/li>\n<li data-start=\"2550\" data-end=\"2573\">\n<p data-start=\"2552\" data-end=\"2573\">styl czcionki: italic<\/p>\n<\/li>\n<\/ul>\n<\/li>\n<\/ol>\n<h3 data-start=\"2575\" data-end=\"2591\"><strong data-start=\"2579\" data-end=\"2591\">C. Lista<\/strong><\/h3>\n<ul data-start=\"2592\" data-end=\"2744\">\n<li data-start=\"2592\" data-end=\"2644\">\n<p data-start=\"2594\" data-end=\"2644\">Ustaw dla listy punktowanej margines dolny: <code data-start=\"2638\" data-end=\"2644\">20px<\/code><\/p>\n<\/li>\n<li data-start=\"2645\" data-end=\"2744\">\n<p data-start=\"2647\" data-end=\"2688\">Wszystkie elementy listy (<code data-start=\"2673\" data-end=\"2677\">li<\/code>) ustaw na:<\/p>\n<ul data-start=\"2691\" data-end=\"2744\">\n<li data-start=\"2691\" data-end=\"2717\">\n<p data-start=\"2693\" data-end=\"2717\">margines pionowy <strong data-start=\"2710\" data-end=\"2717\">5px<\/strong><\/p>\n<\/li>\n<li data-start=\"2720\" data-end=\"2744\">\n<p data-start=\"2722\" data-end=\"2744\">kolor czcionki: <code data-start=\"2738\" data-end=\"2744\">#444<\/code><\/p>\n<\/li>\n<\/ul>\n<\/li>\n<\/ul>\n<h3 data-start=\"2746\" data-end=\"2762\"><strong data-start=\"2750\" data-end=\"2762\">D. Linki<\/strong><\/h3>\n<ul data-start=\"2763\" data-end=\"2961\">\n<li data-start=\"2763\" data-end=\"2893\">\n<p data-start=\"2765\" data-end=\"2815\">Linki zewn\u0119trzne (<code data-start=\"2783\" data-end=\"2800\">a[href^=\"http\"]<\/code>) powinny mie\u0107:<\/p>\n<ul data-start=\"2818\" data-end=\"2893\">\n<li data-start=\"2818\" data-end=\"2836\">\n<p data-start=\"2820\" data-end=\"2836\">kolor: <code data-start=\"2827\" data-end=\"2836\">#cc0000<\/code><\/p>\n<\/li>\n<li data-start=\"2839\" data-end=\"2893\">\n<p data-start=\"2841\" data-end=\"2893\">po najechaniu mysz\u0105: kolor <strong data-start=\"2868\" data-end=\"2883\">ciemniejszy<\/strong> <code data-start=\"2884\" data-end=\"2893\">#990000<\/code><\/p>\n<\/li>\n<\/ul>\n<\/li>\n<li data-start=\"2895\" data-end=\"2961\">\n<p data-start=\"2897\" data-end=\"2911\">Linki lokalne:<\/p>\n<ul data-start=\"2914\" data-end=\"2961\">\n<li data-start=\"2914\" data-end=\"2932\">\n<p data-start=\"2916\" data-end=\"2932\">kolor: <code data-start=\"2923\" data-end=\"2932\">#006600<\/code><\/p>\n<\/li>\n<li data-start=\"2935\" data-end=\"2961\">\n<p data-start=\"2937\" data-end=\"2961\">po najechaniu: <code data-start=\"2952\" data-end=\"2961\">#003300<\/code><\/p>\n<\/li>\n<\/ul>\n<\/li>\n<\/ul>\n<h3 data-start=\"2963\" data-end=\"2996\"><strong data-start=\"2967\" data-end=\"2996\">E. Sekcja \u201cNasi trenerzy\u201d<\/strong><\/h3>\n<ol data-start=\"2997\" data-end=\"3481\">\n<li data-start=\"2997\" data-end=\"3195\">\n<p data-start=\"3000\" data-end=\"3030\">Wszystkie elementy <code data-start=\"3019\" data-end=\"3029\">.trainer<\/code>:<\/p>\n<ul data-start=\"3034\" data-end=\"3195\">\n<li data-start=\"3034\" data-end=\"3059\">\n<p data-start=\"3036\" data-end=\"3059\">ramka: <code data-start=\"3043\" data-end=\"3059\">1px solid #aaa<\/code><\/p>\n<\/li>\n<li data-start=\"3063\" data-end=\"3091\">\n<p data-start=\"3065\" data-end=\"3091\">zaokr\u0105glenie rog\u00f3w: <code data-start=\"3085\" data-end=\"3091\">10px<\/code><\/p>\n<\/li>\n<li data-start=\"3095\" data-end=\"3113\">\n<p data-start=\"3097\" data-end=\"3113\">szeroko\u015b\u0107: <code data-start=\"3108\" data-end=\"3113\">45%<\/code><\/p>\n<\/li>\n<li data-start=\"3117\" data-end=\"3141\">\n<p data-start=\"3119\" data-end=\"3141\">margines dolny: <code data-start=\"3135\" data-end=\"3141\">20px<\/code><\/p>\n<\/li>\n<li data-start=\"3145\" data-end=\"3162\">\n<p data-start=\"3147\" data-end=\"3162\">padding: <code data-start=\"3156\" data-end=\"3162\">15px<\/code><\/p>\n<\/li>\n<li data-start=\"3166\" data-end=\"3195\">\n<p data-start=\"3168\" data-end=\"3195\">czcionka dla opis\u00f3w: <code data-start=\"3189\" data-end=\"3195\">15px<\/code><\/p>\n<\/li>\n<\/ul>\n<\/li>\n<li data-start=\"3197\" data-end=\"3349\">\n<p data-start=\"3200\" data-end=\"3240\">Trener z identyfikatorem <code data-start=\"3225\" data-end=\"3239\">lead-trainer<\/code>:<\/p>\n<ul data-start=\"3244\" data-end=\"3349\">\n<li data-start=\"3244\" data-end=\"3260\">\n<p data-start=\"3246\" data-end=\"3260\">t\u0142o: <code data-start=\"3251\" data-end=\"3260\">#eef6ff<\/code><\/p>\n<\/li>\n<li data-start=\"3264\" data-end=\"3292\">\n<p data-start=\"3266\" data-end=\"3292\">ramka: <code data-start=\"3273\" data-end=\"3292\">2px solid #3399ff<\/code><\/p>\n<\/li>\n<li data-start=\"3296\" data-end=\"3349\">\n<p data-start=\"3298\" data-end=\"3349\">wprowad\u017a dodatkowy cie\u0144: <code data-start=\"3323\" data-end=\"3349\">0 0 10px rgba(0,0,0,0.2)<\/code><\/p>\n<\/li>\n<\/ul>\n<\/li>\n<li data-start=\"3351\" data-end=\"3481\">\n<p data-start=\"3354\" data-end=\"3371\">Zdj\u0119cia trener\u00f3w:<\/p>\n<ul data-start=\"3375\" data-end=\"3481\">\n<li data-start=\"3375\" data-end=\"3395\">\n<p data-start=\"3377\" data-end=\"3395\">szeroko\u015b\u0107: <code data-start=\"3388\" data-end=\"3395\">150px<\/code><\/p>\n<\/li>\n<li data-start=\"3399\" data-end=\"3418\">\n<p data-start=\"3401\" data-end=\"3418\">wysoko\u015b\u0107: <code data-start=\"3411\" data-end=\"3418\">150px<\/code><\/p>\n<\/li>\n<li data-start=\"3422\" data-end=\"3453\">\n<p data-start=\"3424\" data-end=\"3453\">obramowanie: <code data-start=\"3437\" data-end=\"3453\">3px solid #ccc<\/code><\/p>\n<\/li>\n<li data-start=\"3457\" data-end=\"3481\">\n<p data-start=\"3459\" data-end=\"3481\">margines dolny: <code data-start=\"3475\" data-end=\"3481\">10px<\/code><\/p>\n<\/li>\n<\/ul>\n<\/li>\n<\/ol>\n<h3 data-start=\"3483\" data-end=\"3512\"><strong data-start=\"3487\" data-end=\"3512\">F. Stopka (<code data-start=\"3500\" data-end=\"3509\">.footer<\/code>)<\/strong><\/h3>\n<ul data-start=\"3513\" data-end=\"3601\">\n<li data-start=\"3513\" data-end=\"3526\">\n<p data-start=\"3515\" data-end=\"3526\">t\u0142o: <code data-start=\"3520\" data-end=\"3526\">#222<\/code><\/p>\n<\/li>\n<li data-start=\"3527\" data-end=\"3548\">\n<p data-start=\"3529\" data-end=\"3548\">kolor tekstu: bia\u0142y<\/p>\n<\/li>\n<li data-start=\"3549\" data-end=\"3564\">\n<p data-start=\"3551\" data-end=\"3564\">wy\u015brodkowanie<\/p>\n<\/li>\n<li data-start=\"3565\" data-end=\"3582\">\n<p data-start=\"3567\" data-end=\"3582\">padding: <code data-start=\"3576\" data-end=\"3582\">10px<\/code><\/p>\n<\/li>\n<li data-start=\"3583\" data-end=\"3601\">\n<p data-start=\"3585\" data-end=\"3601\">czcionka: <code data-start=\"3595\" data-end=\"3601\">14px<\/code><\/p>\n<\/li>\n<\/ul>\n<\/div>\n<p>&nbsp;<\/p>\n","protected":false},"excerpt":{"rendered":"<p>Wykonaj kompletn\u0105 stron\u0119 internetow\u0105 zgodnie z poni\u017csz\u0105 specyfikacj\u0105. Strona powinna sk\u0142ada\u0107 si\u0119 z pliku index.html oraz zewn\u0119trznego arkusza styl\u00f3w style.css umieszczonego w tym samym katalogu. Strona ma przedstawia\u0107 wizyt\u00f3wk\u0119 fikcyjnego \u201eCentrum Szkole\u0144 Informatycznych BIT\u201d. 1. Struktura pliku HTML Utw\u00f3rz dokument index.html zawieraj\u0105cy: Nag\u0142\u00f3wek strony: Tytu\u0142 dokumentu: Centrum Szkole\u0144 Informatycznych BIT G\u0142\u00f3wny nag\u0142\u00f3wek: &lt;h1&gt; z identyfikatorem [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":260,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[16],"tags":[17],"class_list":["post-259","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-zadania-egzaminacyjne","tag-egzamin"],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v28.4 - https:\/\/yoast.com\/product\/yoast-seo-wordpress\/ -->\n<title>Zadanie egzaminacyjne - HTML i CSS (tekst, czcionki, klasy, identyfikatory) - 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=259\" \/>\n<meta property=\"og:locale\" content=\"pl_PL\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Zadanie egzaminacyjne - HTML i CSS (tekst, czcionki, klasy, identyfikatory) - Informatyka Zadania\" \/>\n<meta property=\"og:description\" content=\"Wykonaj kompletn\u0105 stron\u0119 internetow\u0105 zgodnie z poni\u017csz\u0105 specyfikacj\u0105. Strona powinna sk\u0142ada\u0107 si\u0119 z pliku index.html oraz zewn\u0119trznego arkusza styl\u00f3w style.css umieszczonego w tym samym katalogu. Strona ma przedstawia\u0107 wizyt\u00f3wk\u0119 fikcyjnego \u201eCentrum Szkole\u0144 Informatycznych BIT\u201d. 1. Struktura pliku HTML Utw\u00f3rz dokument index.html zawieraj\u0105cy: Nag\u0142\u00f3wek strony: Tytu\u0142 dokumentu: Centrum Szkole\u0144 Informatycznych BIT G\u0142\u00f3wny nag\u0142\u00f3wek: &lt;h1&gt; z identyfikatorem [&hellip;]\" \/>\n<meta property=\"og:url\" content=\"https:\/\/informatyka.odkrywajto.pl\/?p=259\" \/>\n<meta property=\"og:site_name\" content=\"Informatyka Zadania\" \/>\n<meta property=\"article:published_time\" content=\"2025-11-16T09:31:22+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/informatyka.odkrywajto.pl\/wp-content\/uploads\/2025\/11\/zadanie-html-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=259#article\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/informatyka.odkrywajto.pl\\\/?p=259\"},\"author\":{\"name\":\"DuzyZajac\",\"@id\":\"https:\\\/\\\/informatyka.odkrywajto.pl\\\/#\\\/schema\\\/person\\\/2bf15d5917c9daa73c658396c450c55a\"},\"headline\":\"Zadanie egzaminacyjne &#8211; HTML i CSS (tekst, czcionki, klasy, identyfikatory)\",\"datePublished\":\"2025-11-16T09:31:22+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\\\/\\\/informatyka.odkrywajto.pl\\\/?p=259\"},\"wordCount\":286,\"publisher\":{\"@id\":\"https:\\\/\\\/informatyka.odkrywajto.pl\\\/#organization\"},\"image\":{\"@id\":\"https:\\\/\\\/informatyka.odkrywajto.pl\\\/?p=259#primaryimage\"},\"thumbnailUrl\":\"https:\\\/\\\/informatyka.odkrywajto.pl\\\/wp-content\\\/uploads\\\/2025\\\/11\\\/zadanie-html.png\",\"keywords\":[\"egzamin\"],\"articleSection\":[\"zadania egzaminacyjne\"],\"inLanguage\":\"pl-PL\"},{\"@type\":\"WebPage\",\"@id\":\"https:\\\/\\\/informatyka.odkrywajto.pl\\\/?p=259\",\"url\":\"https:\\\/\\\/informatyka.odkrywajto.pl\\\/?p=259\",\"name\":\"Zadanie egzaminacyjne - HTML i CSS (tekst, czcionki, klasy, identyfikatory) - Informatyka Zadania\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/informatyka.odkrywajto.pl\\\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\\\/\\\/informatyka.odkrywajto.pl\\\/?p=259#primaryimage\"},\"image\":{\"@id\":\"https:\\\/\\\/informatyka.odkrywajto.pl\\\/?p=259#primaryimage\"},\"thumbnailUrl\":\"https:\\\/\\\/informatyka.odkrywajto.pl\\\/wp-content\\\/uploads\\\/2025\\\/11\\\/zadanie-html.png\",\"datePublished\":\"2025-11-16T09:31:22+00:00\",\"breadcrumb\":{\"@id\":\"https:\\\/\\\/informatyka.odkrywajto.pl\\\/?p=259#breadcrumb\"},\"inLanguage\":\"pl-PL\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\\\/\\\/informatyka.odkrywajto.pl\\\/?p=259\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"pl-PL\",\"@id\":\"https:\\\/\\\/informatyka.odkrywajto.pl\\\/?p=259#primaryimage\",\"url\":\"https:\\\/\\\/informatyka.odkrywajto.pl\\\/wp-content\\\/uploads\\\/2025\\\/11\\\/zadanie-html.png\",\"contentUrl\":\"https:\\\/\\\/informatyka.odkrywajto.pl\\\/wp-content\\\/uploads\\\/2025\\\/11\\\/zadanie-html.png\",\"width\":1536,\"height\":1024},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\\\/\\\/informatyka.odkrywajto.pl\\\/?p=259#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\\\/\\\/informatyka.odkrywajto.pl\\\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Zadanie egzaminacyjne &#8211; HTML i CSS (tekst, czcionki, klasy, identyfikatory)\"}]},{\"@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":"Zadanie egzaminacyjne - HTML i CSS (tekst, czcionki, klasy, identyfikatory) - 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=259","og_locale":"pl_PL","og_type":"article","og_title":"Zadanie egzaminacyjne - HTML i CSS (tekst, czcionki, klasy, identyfikatory) - Informatyka Zadania","og_description":"Wykonaj kompletn\u0105 stron\u0119 internetow\u0105 zgodnie z poni\u017csz\u0105 specyfikacj\u0105. Strona powinna sk\u0142ada\u0107 si\u0119 z pliku index.html oraz zewn\u0119trznego arkusza styl\u00f3w style.css umieszczonego w tym samym katalogu. Strona ma przedstawia\u0107 wizyt\u00f3wk\u0119 fikcyjnego \u201eCentrum Szkole\u0144 Informatycznych BIT\u201d. 1. Struktura pliku HTML Utw\u00f3rz dokument index.html zawieraj\u0105cy: Nag\u0142\u00f3wek strony: Tytu\u0142 dokumentu: Centrum Szkole\u0144 Informatycznych BIT G\u0142\u00f3wny nag\u0142\u00f3wek: &lt;h1&gt; z identyfikatorem [&hellip;]","og_url":"https:\/\/informatyka.odkrywajto.pl\/?p=259","og_site_name":"Informatyka Zadania","article_published_time":"2025-11-16T09:31:22+00:00","og_image":[{"width":1024,"height":683,"url":"https:\/\/informatyka.odkrywajto.pl\/wp-content\/uploads\/2025\/11\/zadanie-html-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=259#article","isPartOf":{"@id":"https:\/\/informatyka.odkrywajto.pl\/?p=259"},"author":{"name":"DuzyZajac","@id":"https:\/\/informatyka.odkrywajto.pl\/#\/schema\/person\/2bf15d5917c9daa73c658396c450c55a"},"headline":"Zadanie egzaminacyjne &#8211; HTML i CSS (tekst, czcionki, klasy, identyfikatory)","datePublished":"2025-11-16T09:31:22+00:00","mainEntityOfPage":{"@id":"https:\/\/informatyka.odkrywajto.pl\/?p=259"},"wordCount":286,"publisher":{"@id":"https:\/\/informatyka.odkrywajto.pl\/#organization"},"image":{"@id":"https:\/\/informatyka.odkrywajto.pl\/?p=259#primaryimage"},"thumbnailUrl":"https:\/\/informatyka.odkrywajto.pl\/wp-content\/uploads\/2025\/11\/zadanie-html.png","keywords":["egzamin"],"articleSection":["zadania egzaminacyjne"],"inLanguage":"pl-PL"},{"@type":"WebPage","@id":"https:\/\/informatyka.odkrywajto.pl\/?p=259","url":"https:\/\/informatyka.odkrywajto.pl\/?p=259","name":"Zadanie egzaminacyjne - HTML i CSS (tekst, czcionki, klasy, identyfikatory) - Informatyka Zadania","isPartOf":{"@id":"https:\/\/informatyka.odkrywajto.pl\/#website"},"primaryImageOfPage":{"@id":"https:\/\/informatyka.odkrywajto.pl\/?p=259#primaryimage"},"image":{"@id":"https:\/\/informatyka.odkrywajto.pl\/?p=259#primaryimage"},"thumbnailUrl":"https:\/\/informatyka.odkrywajto.pl\/wp-content\/uploads\/2025\/11\/zadanie-html.png","datePublished":"2025-11-16T09:31:22+00:00","breadcrumb":{"@id":"https:\/\/informatyka.odkrywajto.pl\/?p=259#breadcrumb"},"inLanguage":"pl-PL","potentialAction":[{"@type":"ReadAction","target":["https:\/\/informatyka.odkrywajto.pl\/?p=259"]}]},{"@type":"ImageObject","inLanguage":"pl-PL","@id":"https:\/\/informatyka.odkrywajto.pl\/?p=259#primaryimage","url":"https:\/\/informatyka.odkrywajto.pl\/wp-content\/uploads\/2025\/11\/zadanie-html.png","contentUrl":"https:\/\/informatyka.odkrywajto.pl\/wp-content\/uploads\/2025\/11\/zadanie-html.png","width":1536,"height":1024},{"@type":"BreadcrumbList","@id":"https:\/\/informatyka.odkrywajto.pl\/?p=259#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/informatyka.odkrywajto.pl\/"},{"@type":"ListItem","position":2,"name":"Zadanie egzaminacyjne &#8211; HTML i CSS (tekst, czcionki, klasy, identyfikatory)"}]},{"@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\/259","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=259"}],"version-history":[{"count":1,"href":"https:\/\/informatyka.odkrywajto.pl\/index.php?rest_route=\/wp\/v2\/posts\/259\/revisions"}],"predecessor-version":[{"id":261,"href":"https:\/\/informatyka.odkrywajto.pl\/index.php?rest_route=\/wp\/v2\/posts\/259\/revisions\/261"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/informatyka.odkrywajto.pl\/index.php?rest_route=\/wp\/v2\/media\/260"}],"wp:attachment":[{"href":"https:\/\/informatyka.odkrywajto.pl\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=259"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/informatyka.odkrywajto.pl\/index.php?rest_route=%2Fwp%2Fv2%2Fcategories&post=259"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/informatyka.odkrywajto.pl\/index.php?rest_route=%2Fwp%2Fv2%2Ftags&post=259"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}