{"id":526,"date":"2025-12-04T09:00:59","date_gmt":"2025-12-04T08:00:59","guid":{"rendered":"https:\/\/informatyka.odkrywajto.pl\/?p=526"},"modified":"2025-12-10T10:22:25","modified_gmt":"2025-12-10T09:22:25","slug":"html-and-css-comments-komentarze-html-i-css-film-i-zadanie","status":"publish","type":"post","link":"https:\/\/informatyka.odkrywajto.pl\/?p=526","title":{"rendered":"11 &#8211; HTML and CSS Comments (Komentarze HTML i CSS) &#8211; film i zadanie"},"content":{"rendered":"<p><strong>Obejrzyj film:<\/strong><\/p>\n<p><a href=\"https:\/\/www.w3schools.com\/css\/css_comments.asp\">https:\/\/www.w3schools.com\/css\/css_comments.asp<\/a><\/p>\n<p>&nbsp;<\/p>\n<h2 data-start=\"127\" data-end=\"171\"><strong data-start=\"132\" data-end=\"171\">Zadania dotycz\u0105ce komentarzy w HTML<\/strong><\/h2>\n<h3 data-start=\"173\" data-end=\"204\"><strong data-start=\"177\" data-end=\"204\">1. Podstawowy komentarz<\/strong><\/h3>\n<p data-start=\"205\" data-end=\"262\">W pliku HTML dodaj komentarz z opisem autora i dat\u0105, np.:<\/p>\n<div class=\"absolute end-0 bottom-0 flex h-9 items-center pe-2\">\n<div class=\"bg-token-bg-elevated-secondary text-token-text-secondary flex items-center gap-4 rounded-sm px-2 font-sans text-xs\"><\/div>\n<\/div>\n<div class=\"contain-inline-size rounded-2xl corner-superellipse\/1.1 relative bg-token-sidebar-surface-primary\">\n<div class=\"overflow-y-auto p-4\" dir=\"ltr\"><code class=\"whitespace-pre! language-html\"><span class=\"hljs-comment\">&lt;!-- Author: Jan Kowalski, Date: 2025 --&gt;<\/span><br \/>\n<\/code><\/div>\n<\/div>\n<h3 data-start=\"318\" data-end=\"368\"><strong data-start=\"322\" data-end=\"368\">2. Ukrywanie elementu za pomoc\u0105 komentarza<\/strong><\/h3>\n<p data-start=\"369\" data-end=\"443\">Wstaw akapit <code data-start=\"382\" data-end=\"387\">&lt;p&gt;<\/code>, a nast\u0119pnie go skomentuj, aby przesta\u0142 si\u0119 wy\u015bwietla\u0107.<\/p>\n<h3 data-start=\"445\" data-end=\"488\"><strong data-start=\"449\" data-end=\"488\">3. Podzielenie pliku HTML na sekcje<\/strong><\/h3>\n<p data-start=\"489\" data-end=\"519\">Dodaj komentarze nad sekcjami:<\/p>\n<ul data-start=\"520\" data-end=\"593\">\n<li data-start=\"520\" data-end=\"547\">\n<p data-start=\"522\" data-end=\"547\"><code data-start=\"522\" data-end=\"547\">&lt;!-- Header Section --&gt;<\/code><\/p>\n<\/li>\n<li data-start=\"548\" data-end=\"573\">\n<p data-start=\"550\" data-end=\"573\"><code data-start=\"550\" data-end=\"573\">&lt;!-- Main Content --&gt;<\/code><\/p>\n<\/li>\n<li data-start=\"574\" data-end=\"593\">\n<p data-start=\"576\" data-end=\"593\"><code data-start=\"576\" data-end=\"593\">&lt;!-- Footer --&gt;<\/code><\/p>\n<\/li>\n<\/ul>\n<h3 data-start=\"595\" data-end=\"642\"><strong data-start=\"599\" data-end=\"642\">4. Komentarz jako tymczasowa instrukcja<\/strong><\/h3>\n<p data-start=\"643\" data-end=\"660\">Napisz komentarz:<\/p>\n<div class=\"absolute end-0 bottom-0 flex h-9 items-center pe-2\">\n<div class=\"bg-token-bg-elevated-secondary text-token-text-secondary flex items-center gap-4 rounded-sm px-2 font-sans text-xs\"><\/div>\n<\/div>\n<div class=\"contain-inline-size rounded-2xl corner-superellipse\/1.1 relative bg-token-sidebar-surface-primary\">\n<div class=\"overflow-y-auto p-4\" dir=\"ltr\"><code class=\"whitespace-pre! language-html\"><span class=\"hljs-comment\">&lt;!-- <span class=\"hljs-doctag\">TODO:<\/span><\/span> Add navigation menu here --&gt;<br \/>\n<\/code><\/div>\n<\/div>\n<h3 data-start=\"714\" data-end=\"751\"><strong data-start=\"718\" data-end=\"751\">5. Wyja\u015bnienie fragmentu kodu<\/strong><\/h3>\n<p data-start=\"752\" data-end=\"831\">Dodaj komentarz wyja\u015bniaj\u0105cy, do czego s\u0142u\u017cy znacznik <code data-start=\"806\" data-end=\"830\">&lt;meta charset=\"UTF-8\"&gt;<\/code>.<\/p>\n<hr data-start=\"833\" data-end=\"836\" \/>\n<h2 data-start=\"838\" data-end=\"882\">\ud83c\udfa8 <strong data-start=\"844\" data-end=\"882\">Zadania dotycz\u0105ce komentarzy w CSS<\/strong><\/h2>\n<h3 data-start=\"884\" data-end=\"921\"><strong data-start=\"888\" data-end=\"921\">6. Podstawowy komentarz w CSS<\/strong><\/h3>\n<p data-start=\"922\" data-end=\"938\">Dodaj komentarz:<\/p>\n<div class=\"contain-inline-size rounded-2xl corner-superellipse\/1.1 relative bg-token-sidebar-surface-primary\"><\/div>\n<div class=\"contain-inline-size rounded-2xl corner-superellipse\/1.1 relative bg-token-sidebar-surface-primary\">\n<div class=\"overflow-y-auto p-4\" dir=\"ltr\"><code class=\"whitespace-pre! language-css\"><span class=\"hljs-comment\">\/* Main color variables *\/<\/span><br \/>\n<\/code><\/div>\n<\/div>\n<h3 data-start=\"978\" data-end=\"1015\"><strong data-start=\"982\" data-end=\"1015\">7. Zakomentowanie w\u0142a\u015bciwo\u015bci<\/strong><\/h3>\n<p data-start=\"1016\" data-end=\"1082\">W stylach elementu <code data-start=\"1035\" data-end=\"1039\">h1<\/code> zakomentuj (wy\u0142\u0105cz) jedn\u0105 w\u0142a\u015bciwo\u015b\u0107, np.:<\/p>\n<div class=\"absolute end-0 bottom-0 flex h-9 items-center pe-2\">\n<div class=\"bg-token-bg-elevated-secondary text-token-text-secondary flex items-center gap-4 rounded-sm px-2 font-sans text-xs\"><\/div>\n<\/div>\n<div class=\"contain-inline-size rounded-2xl corner-superellipse\/1.1 relative bg-token-sidebar-surface-primary\">\n<div class=\"overflow-y-auto p-4\" dir=\"ltr\"><code class=\"whitespace-pre! language-css\"><span class=\"hljs-comment\">\/* color: red; *\/<\/span><br \/>\n<\/code><\/div>\n<\/div>\n<h3 data-start=\"1113\" data-end=\"1145\"><strong data-start=\"1117\" data-end=\"1145\">8. Uporz\u0105dkowanie styl\u00f3w<\/strong><\/h3>\n<p data-start=\"1146\" data-end=\"1189\">Podziel CSS na sekcje za pomoc\u0105 komentarzy:<\/p>\n<div class=\"absolute end-0 bottom-0 flex h-9 items-center pe-2\">\n<div class=\"bg-token-bg-elevated-secondary text-token-text-secondary flex items-center gap-4 rounded-sm px-2 font-sans text-xs\"><\/div>\n<\/div>\n<div class=\"contain-inline-size rounded-2xl corner-superellipse\/1.1 relative bg-token-sidebar-surface-primary\">\n<div class=\"overflow-y-auto p-4\" dir=\"ltr\"><code class=\"whitespace-pre! language-css\"><span class=\"hljs-comment\">\/* === Typography === *\/<\/span><br \/>\n<span class=\"hljs-comment\">\/* === Layout === *\/<\/span><br \/>\n<span class=\"hljs-comment\">\/* === Colors === *\/<\/span><br \/>\n<\/code><\/div>\n<\/div>\n<h3 data-start=\"1269\" data-end=\"1306\"><strong data-start=\"1273\" data-end=\"1306\">9. Komentarz obok w\u0142a\u015bciwo\u015bci<\/strong><\/h3>\n<p data-start=\"1307\" data-end=\"1338\">Dodaj komentarz na ko\u0144cu linii:<\/p>\n<div class=\"absolute end-0 bottom-0 flex h-9 items-center pe-2\">\n<div class=\"bg-token-bg-elevated-secondary text-token-text-secondary flex items-center gap-4 rounded-sm px-2 font-sans text-xs\"><\/div>\n<\/div>\n<div class=\"contain-inline-size rounded-2xl corner-superellipse\/1.1 relative bg-token-sidebar-surface-primary\">\n<div class=\"overflow-y-auto p-4\" dir=\"ltr\"><code class=\"whitespace-pre! language-css\"><span class=\"hljs-attribute\">margin<\/span>: <span class=\"hljs-number\">20px<\/span>; <span class=\"hljs-comment\">\/* spacing around element *\/<\/span><br \/>\n<\/code><\/div>\n<\/div>\n<h3 data-start=\"1394\" data-end=\"1439\"><strong data-start=\"1398\" data-end=\"1439\">10. Komentarz jako notatka projektowa<\/strong><\/h3>\n<p data-start=\"1440\" data-end=\"1462\">Dodaj w CSS komentarz:<\/p>\n<div class=\"absolute end-0 bottom-0 flex h-9 items-center pe-2\">\n<div class=\"bg-token-bg-elevated-secondary text-token-text-secondary flex items-center gap-4 rounded-sm px-2 font-sans text-xs\"><\/div>\n<\/div>\n<div class=\"contain-inline-size rounded-2xl corner-superellipse\/1.1 relative bg-token-sidebar-surface-primary\">\n<div class=\"overflow-y-auto p-4\" dir=\"ltr\"><code class=\"whitespace-pre! language-css\"><span class=\"hljs-comment\">\/* <span class=\"hljs-doctag\">TODO:<\/span><\/span> Add responsive styles *\/<br \/>\n<\/code><\/div>\n<\/div>\n<hr data-start=\"1509\" data-end=\"1512\" \/>\n<h2 data-start=\"1514\" data-end=\"1563\">\ud83d\udca1 <strong data-start=\"1520\" data-end=\"1563\">Zadania praktyczne \u0142\u0105czone (HTML + CSS)<\/strong><\/h2>\n<h3 data-start=\"1565\" data-end=\"1605\"><strong data-start=\"1569\" data-end=\"1605\">11. Oznaczanie wa\u017cnych element\u00f3w<\/strong><\/h3>\n<p data-start=\"1606\" data-end=\"1679\">W pliku HTML (w <code data-start=\"1622\" data-end=\"1630\">&lt;head&gt;<\/code>) zakomentuj lini\u0119, kt\u00f3ra \u0142aduje styl zewn\u0119trzny.<\/p>\n<h3 data-start=\"1681\" data-end=\"1709\"><strong data-start=\"1685\" data-end=\"1709\">12. Testowanie zmian<\/strong><\/h3>\n<p data-start=\"1710\" data-end=\"1791\">W CSS zakomentuj wszystkie style dla <code data-start=\"1747\" data-end=\"1759\">.container<\/code>, aby zobaczy\u0107 r\u00f3\u017cnic\u0119 wizualn\u0105.<\/p>\n<h3 data-start=\"1793\" data-end=\"1825\"><strong data-start=\"1797\" data-end=\"1825\">13. Uk\u0142ad z komentarzami<\/strong><\/h3>\n<p data-start=\"1826\" data-end=\"1900\">Zbuduj prost\u0105 stron\u0119 z 3 sekcjami i oznacz ka\u017cd\u0105 komentarzem w HTML i CSS.<\/p>\n<h3 data-start=\"1902\" data-end=\"1933\"><strong data-start=\"1906\" data-end=\"1933\">14. Notatka w projekcie<\/strong><\/h3>\n<p data-start=\"1934\" data-end=\"2014\">Dodaj w kodzie komentarz informuj\u0105cy, jakiego koloru jeszcze brakuje w designie.<\/p>\n","protected":false},"excerpt":{"rendered":"<p>Obejrzyj film: https:\/\/www.w3schools.com\/css\/css_comments.asp &nbsp; Zadania dotycz\u0105ce komentarzy w HTML 1. Podstawowy komentarz W pliku HTML dodaj komentarz z opisem autora i dat\u0105, np.: &lt;!&#8211; Author: Jan Kowalski, Date: 2025 &#8211;&gt; 2. Ukrywanie elementu za pomoc\u0105 komentarza Wstaw akapit &lt;p&gt;, a nast\u0119pnie go skomentuj, aby przesta\u0142 si\u0119 wy\u015bwietla\u0107. 3. Podzielenie pliku HTML na sekcje Dodaj komentarze [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":528,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[2,14,52],"tags":[18,19,4],"class_list":["post-526","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-pomoce","category-tutoriale","category-zadania","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>11 - HTML and CSS Comments (Komentarze HTML i CSS) - film i zadanie - Informatyka Zadania<\/title>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/informatyka.odkrywajto.pl\/?p=526\" \/>\n<meta property=\"og:locale\" content=\"pl_PL\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"11 - HTML and CSS Comments (Komentarze HTML i CSS) - film i zadanie - Informatyka Zadania\" \/>\n<meta property=\"og:description\" content=\"Obejrzyj film: https:\/\/www.w3schools.com\/css\/css_comments.asp &nbsp; Zadania dotycz\u0105ce komentarzy w HTML 1. Podstawowy komentarz W pliku HTML dodaj komentarz z opisem autora i dat\u0105, np.: &lt;!-- Author: Jan Kowalski, Date: 2025 --&gt; 2. Ukrywanie elementu za pomoc\u0105 komentarza Wstaw akapit &lt;p&gt;, a nast\u0119pnie go skomentuj, aby przesta\u0142 si\u0119 wy\u015bwietla\u0107. 3. Podzielenie pliku HTML na sekcje Dodaj komentarze [&hellip;]\" \/>\n<meta property=\"og:url\" content=\"https:\/\/informatyka.odkrywajto.pl\/?p=526\" \/>\n<meta property=\"og:site_name\" content=\"Informatyka Zadania\" \/>\n<meta property=\"article:published_time\" content=\"2025-12-04T08:00:59+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2025-12-10T09:22:25+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/informatyka.odkrywajto.pl\/wp-content\/uploads\/2025\/12\/ChatGPT-Image-4-gru-2025-09_00_21.png\" \/>\n\t<meta property=\"og:image:width\" content=\"1536\" \/>\n\t<meta property=\"og:image:height\" content=\"1024\" \/>\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=526#article\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/informatyka.odkrywajto.pl\\\/?p=526\"},\"author\":{\"name\":\"DuzyZajac\",\"@id\":\"https:\\\/\\\/informatyka.odkrywajto.pl\\\/#\\\/schema\\\/person\\\/2bf15d5917c9daa73c658396c450c55a\"},\"headline\":\"11 &#8211; HTML and CSS Comments (Komentarze HTML i CSS) &#8211; film i zadanie\",\"datePublished\":\"2025-12-04T08:00:59+00:00\",\"dateModified\":\"2025-12-10T09:22:25+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\\\/\\\/informatyka.odkrywajto.pl\\\/?p=526\"},\"wordCount\":218,\"publisher\":{\"@id\":\"https:\\\/\\\/informatyka.odkrywajto.pl\\\/#organization\"},\"image\":{\"@id\":\"https:\\\/\\\/informatyka.odkrywajto.pl\\\/?p=526#primaryimage\"},\"thumbnailUrl\":\"https:\\\/\\\/informatyka.odkrywajto.pl\\\/wp-content\\\/uploads\\\/2025\\\/12\\\/ChatGPT-Image-4-gru-2025-09_00_21.png\",\"keywords\":[\"css\",\"html\",\"Zadania\"],\"articleSection\":[\"Pomoce\",\"Tutoriale\",\"zadania\"],\"inLanguage\":\"pl-PL\"},{\"@type\":\"WebPage\",\"@id\":\"https:\\\/\\\/informatyka.odkrywajto.pl\\\/?p=526\",\"url\":\"https:\\\/\\\/informatyka.odkrywajto.pl\\\/?p=526\",\"name\":\"11 - HTML and CSS Comments (Komentarze HTML i CSS) - film i zadanie - Informatyka Zadania\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/informatyka.odkrywajto.pl\\\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\\\/\\\/informatyka.odkrywajto.pl\\\/?p=526#primaryimage\"},\"image\":{\"@id\":\"https:\\\/\\\/informatyka.odkrywajto.pl\\\/?p=526#primaryimage\"},\"thumbnailUrl\":\"https:\\\/\\\/informatyka.odkrywajto.pl\\\/wp-content\\\/uploads\\\/2025\\\/12\\\/ChatGPT-Image-4-gru-2025-09_00_21.png\",\"datePublished\":\"2025-12-04T08:00:59+00:00\",\"dateModified\":\"2025-12-10T09:22:25+00:00\",\"breadcrumb\":{\"@id\":\"https:\\\/\\\/informatyka.odkrywajto.pl\\\/?p=526#breadcrumb\"},\"inLanguage\":\"pl-PL\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\\\/\\\/informatyka.odkrywajto.pl\\\/?p=526\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"pl-PL\",\"@id\":\"https:\\\/\\\/informatyka.odkrywajto.pl\\\/?p=526#primaryimage\",\"url\":\"https:\\\/\\\/informatyka.odkrywajto.pl\\\/wp-content\\\/uploads\\\/2025\\\/12\\\/ChatGPT-Image-4-gru-2025-09_00_21.png\",\"contentUrl\":\"https:\\\/\\\/informatyka.odkrywajto.pl\\\/wp-content\\\/uploads\\\/2025\\\/12\\\/ChatGPT-Image-4-gru-2025-09_00_21.png\",\"width\":1536,\"height\":1024},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\\\/\\\/informatyka.odkrywajto.pl\\\/?p=526#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\\\/\\\/informatyka.odkrywajto.pl\\\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"11 &#8211; HTML and CSS Comments (Komentarze HTML i CSS) &#8211; film i zadanie\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\\\/\\\/informatyka.odkrywajto.pl\\\/#website\",\"url\":\"https:\\\/\\\/informatyka.odkrywajto.pl\\\/\",\"name\":\"Informatyka Zadania\",\"description\":\"\",\"publisher\":{\"@id\":\"https:\\\/\\\/informatyka.odkrywajto.pl\\\/#organization\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\\\/\\\/informatyka.odkrywajto.pl\\\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"pl-PL\"},{\"@type\":\"Organization\",\"@id\":\"https:\\\/\\\/informatyka.odkrywajto.pl\\\/#organization\",\"name\":\"Informatyka Zadania\",\"url\":\"https:\\\/\\\/informatyka.odkrywajto.pl\\\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"pl-PL\",\"@id\":\"https:\\\/\\\/informatyka.odkrywajto.pl\\\/#\\\/schema\\\/logo\\\/image\\\/\",\"url\":\"https:\\\/\\\/informatyka.odkrywajto.pl\\\/wp-content\\\/uploads\\\/2024\\\/08\\\/cropped-cropped-Screenshot_1-1.jpg\",\"contentUrl\":\"https:\\\/\\\/informatyka.odkrywajto.pl\\\/wp-content\\\/uploads\\\/2024\\\/08\\\/cropped-cropped-Screenshot_1-1.jpg\",\"width\":834,\"height\":200,\"caption\":\"Informatyka Zadania\"},\"image\":{\"@id\":\"https:\\\/\\\/informatyka.odkrywajto.pl\\\/#\\\/schema\\\/logo\\\/image\\\/\"}},{\"@type\":\"Person\",\"@id\":\"https:\\\/\\\/informatyka.odkrywajto.pl\\\/#\\\/schema\\\/person\\\/2bf15d5917c9daa73c658396c450c55a\",\"name\":\"DuzyZajac\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"pl-PL\",\"@id\":\"https:\\\/\\\/secure.gravatar.com\\\/avatar\\\/d0247cb306c7300d5d62ec35d6a43e9bb79c7664c537bb856d960383ff954452?s=96&d=mm&r=g\",\"url\":\"https:\\\/\\\/secure.gravatar.com\\\/avatar\\\/d0247cb306c7300d5d62ec35d6a43e9bb79c7664c537bb856d960383ff954452?s=96&d=mm&r=g\",\"contentUrl\":\"https:\\\/\\\/secure.gravatar.com\\\/avatar\\\/d0247cb306c7300d5d62ec35d6a43e9bb79c7664c537bb856d960383ff954452?s=96&d=mm&r=g\",\"caption\":\"DuzyZajac\"},\"url\":\"https:\\\/\\\/informatyka.odkrywajto.pl\\\/?author=1\"}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"11 - HTML and CSS Comments (Komentarze HTML i CSS) - film i zadanie - Informatyka Zadania","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/informatyka.odkrywajto.pl\/?p=526","og_locale":"pl_PL","og_type":"article","og_title":"11 - HTML and CSS Comments (Komentarze HTML i CSS) - film i zadanie - Informatyka Zadania","og_description":"Obejrzyj film: https:\/\/www.w3schools.com\/css\/css_comments.asp &nbsp; Zadania dotycz\u0105ce komentarzy w HTML 1. Podstawowy komentarz W pliku HTML dodaj komentarz z opisem autora i dat\u0105, np.: &lt;!-- Author: Jan Kowalski, Date: 2025 --&gt; 2. Ukrywanie elementu za pomoc\u0105 komentarza Wstaw akapit &lt;p&gt;, a nast\u0119pnie go skomentuj, aby przesta\u0142 si\u0119 wy\u015bwietla\u0107. 3. Podzielenie pliku HTML na sekcje Dodaj komentarze [&hellip;]","og_url":"https:\/\/informatyka.odkrywajto.pl\/?p=526","og_site_name":"Informatyka Zadania","article_published_time":"2025-12-04T08:00:59+00:00","article_modified_time":"2025-12-10T09:22:25+00:00","og_image":[{"width":1536,"height":1024,"url":"https:\/\/informatyka.odkrywajto.pl\/wp-content\/uploads\/2025\/12\/ChatGPT-Image-4-gru-2025-09_00_21.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=526#article","isPartOf":{"@id":"https:\/\/informatyka.odkrywajto.pl\/?p=526"},"author":{"name":"DuzyZajac","@id":"https:\/\/informatyka.odkrywajto.pl\/#\/schema\/person\/2bf15d5917c9daa73c658396c450c55a"},"headline":"11 &#8211; HTML and CSS Comments (Komentarze HTML i CSS) &#8211; film i zadanie","datePublished":"2025-12-04T08:00:59+00:00","dateModified":"2025-12-10T09:22:25+00:00","mainEntityOfPage":{"@id":"https:\/\/informatyka.odkrywajto.pl\/?p=526"},"wordCount":218,"publisher":{"@id":"https:\/\/informatyka.odkrywajto.pl\/#organization"},"image":{"@id":"https:\/\/informatyka.odkrywajto.pl\/?p=526#primaryimage"},"thumbnailUrl":"https:\/\/informatyka.odkrywajto.pl\/wp-content\/uploads\/2025\/12\/ChatGPT-Image-4-gru-2025-09_00_21.png","keywords":["css","html","Zadania"],"articleSection":["Pomoce","Tutoriale","zadania"],"inLanguage":"pl-PL"},{"@type":"WebPage","@id":"https:\/\/informatyka.odkrywajto.pl\/?p=526","url":"https:\/\/informatyka.odkrywajto.pl\/?p=526","name":"11 - HTML and CSS Comments (Komentarze HTML i CSS) - film i zadanie - Informatyka Zadania","isPartOf":{"@id":"https:\/\/informatyka.odkrywajto.pl\/#website"},"primaryImageOfPage":{"@id":"https:\/\/informatyka.odkrywajto.pl\/?p=526#primaryimage"},"image":{"@id":"https:\/\/informatyka.odkrywajto.pl\/?p=526#primaryimage"},"thumbnailUrl":"https:\/\/informatyka.odkrywajto.pl\/wp-content\/uploads\/2025\/12\/ChatGPT-Image-4-gru-2025-09_00_21.png","datePublished":"2025-12-04T08:00:59+00:00","dateModified":"2025-12-10T09:22:25+00:00","breadcrumb":{"@id":"https:\/\/informatyka.odkrywajto.pl\/?p=526#breadcrumb"},"inLanguage":"pl-PL","potentialAction":[{"@type":"ReadAction","target":["https:\/\/informatyka.odkrywajto.pl\/?p=526"]}]},{"@type":"ImageObject","inLanguage":"pl-PL","@id":"https:\/\/informatyka.odkrywajto.pl\/?p=526#primaryimage","url":"https:\/\/informatyka.odkrywajto.pl\/wp-content\/uploads\/2025\/12\/ChatGPT-Image-4-gru-2025-09_00_21.png","contentUrl":"https:\/\/informatyka.odkrywajto.pl\/wp-content\/uploads\/2025\/12\/ChatGPT-Image-4-gru-2025-09_00_21.png","width":1536,"height":1024},{"@type":"BreadcrumbList","@id":"https:\/\/informatyka.odkrywajto.pl\/?p=526#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/informatyka.odkrywajto.pl\/"},{"@type":"ListItem","position":2,"name":"11 &#8211; HTML and CSS Comments (Komentarze HTML i CSS) &#8211; film i zadanie"}]},{"@type":"WebSite","@id":"https:\/\/informatyka.odkrywajto.pl\/#website","url":"https:\/\/informatyka.odkrywajto.pl\/","name":"Informatyka Zadania","description":"","publisher":{"@id":"https:\/\/informatyka.odkrywajto.pl\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/informatyka.odkrywajto.pl\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"pl-PL"},{"@type":"Organization","@id":"https:\/\/informatyka.odkrywajto.pl\/#organization","name":"Informatyka Zadania","url":"https:\/\/informatyka.odkrywajto.pl\/","logo":{"@type":"ImageObject","inLanguage":"pl-PL","@id":"https:\/\/informatyka.odkrywajto.pl\/#\/schema\/logo\/image\/","url":"https:\/\/informatyka.odkrywajto.pl\/wp-content\/uploads\/2024\/08\/cropped-cropped-Screenshot_1-1.jpg","contentUrl":"https:\/\/informatyka.odkrywajto.pl\/wp-content\/uploads\/2024\/08\/cropped-cropped-Screenshot_1-1.jpg","width":834,"height":200,"caption":"Informatyka Zadania"},"image":{"@id":"https:\/\/informatyka.odkrywajto.pl\/#\/schema\/logo\/image\/"}},{"@type":"Person","@id":"https:\/\/informatyka.odkrywajto.pl\/#\/schema\/person\/2bf15d5917c9daa73c658396c450c55a","name":"DuzyZajac","image":{"@type":"ImageObject","inLanguage":"pl-PL","@id":"https:\/\/secure.gravatar.com\/avatar\/d0247cb306c7300d5d62ec35d6a43e9bb79c7664c537bb856d960383ff954452?s=96&d=mm&r=g","url":"https:\/\/secure.gravatar.com\/avatar\/d0247cb306c7300d5d62ec35d6a43e9bb79c7664c537bb856d960383ff954452?s=96&d=mm&r=g","contentUrl":"https:\/\/secure.gravatar.com\/avatar\/d0247cb306c7300d5d62ec35d6a43e9bb79c7664c537bb856d960383ff954452?s=96&d=mm&r=g","caption":"DuzyZajac"},"url":"https:\/\/informatyka.odkrywajto.pl\/?author=1"}]}},"_links":{"self":[{"href":"https:\/\/informatyka.odkrywajto.pl\/index.php?rest_route=\/wp\/v2\/posts\/526","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=526"}],"version-history":[{"count":3,"href":"https:\/\/informatyka.odkrywajto.pl\/index.php?rest_route=\/wp\/v2\/posts\/526\/revisions"}],"predecessor-version":[{"id":532,"href":"https:\/\/informatyka.odkrywajto.pl\/index.php?rest_route=\/wp\/v2\/posts\/526\/revisions\/532"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/informatyka.odkrywajto.pl\/index.php?rest_route=\/wp\/v2\/media\/528"}],"wp:attachment":[{"href":"https:\/\/informatyka.odkrywajto.pl\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=526"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/informatyka.odkrywajto.pl\/index.php?rest_route=%2Fwp%2Fv2%2Fcategories&post=526"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/informatyka.odkrywajto.pl\/index.php?rest_route=%2Fwp%2Fv2%2Ftags&post=526"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}