42:"static/chunks/13e96535-94b8213582025904.js?dpl=dpl_9Tg8n3HV5YCwLYXER9xwXmfZ5X6B" 43:"static/chunks/98f82933-589eefb75fa3923d.js?dpl=dpl_9Tg8n3HV5YCwLYXER9xwXmfZ5X6B" 44:"static/chunks/6b3bb038-e7f190346bb1f466.js?dpl=dpl_9Tg8n3HV5YCwLYXER9xwXmfZ5X6B" 45:"static/chunks/7bf36345-71f46e146bf494a8.js?dpl=dpl_9Tg8n3HV5YCwLYXER9xwXmfZ5X6B" 46:"static/chunks/891cff7f-d150e8983a2bdb0c.js?dpl=dpl_9Tg8n3HV5YCwLYXER9xwXmfZ5X6B" 47:"static/chunks/47019-82b86351002c8833.js?dpl=dpl_9Tg8n3HV5YCwLYXER9xwXmfZ5X6B" 48:"static/chunks/98474-570534d8884fdb81.js?dpl=dpl_9Tg8n3HV5YCwLYXER9xwXmfZ5X6B" 49:"static/chunks/70717-732b6e3f51327198.js?dpl=dpl_9Tg8n3HV5YCwLYXER9xwXmfZ5X6B" 4a:"static/chunks/78199-0ac5fc8c6f9f208b.js?dpl=dpl_9Tg8n3HV5YCwLYXER9xwXmfZ5X6B" 4b:"static/chunks/45758-cad0e6d206f33d51.js?dpl=dpl_9Tg8n3HV5YCwLYXER9xwXmfZ5X6B" 4c:"static/chunks/7094-4746b6ea47e165ac.js?dpl=dpl_9Tg8n3HV5YCwLYXER9xwXmfZ5X6B" 4d:"static/chunks/82154-c13da7d98fc6fe97.js?dpl=dpl_9Tg8n3HV5YCwLYXER9xwXmfZ5X6B" 4e:"static/chunks/68883-db099184e8e0f762.js?dpl=dpl_9Tg8n3HV5YCwLYXER9xwXmfZ5X6B" 4f:"static/chunks/92655-977cd8cb54e54ee8.js?dpl=dpl_9Tg8n3HV5YCwLYXER9xwXmfZ5X6B" 50:"static/chunks/36830-0f35f306cb4bdfae.js?dpl=dpl_9Tg8n3HV5YCwLYXER9xwXmfZ5X6B" 51:"static/chunks/96183-8d8991f4ffd19783.js?dpl=dpl_9Tg8n3HV5YCwLYXER9xwXmfZ5X6B" 52:"static/chunks/55807-a2a0116464212299.js?dpl=dpl_9Tg8n3HV5YCwLYXER9xwXmfZ5X6B" 53:"static/chunks/65133-e758ae0d8ae0ef56.js?dpl=dpl_9Tg8n3HV5YCwLYXER9xwXmfZ5X6B" 54:"static/chunks/73562-5add2e277d971b26.js?dpl=dpl_9Tg8n3HV5YCwLYXER9xwXmfZ5X6B" 55:"static/chunks/33944-5246b4372fa34333.js?dpl=dpl_9Tg8n3HV5YCwLYXER9xwXmfZ5X6B" 56:"static/chunks/76825-2d3fb820fe4969dc.js?dpl=dpl_9Tg8n3HV5YCwLYXER9xwXmfZ5X6B" 57:"static/chunks/96589-643fbfcad7723edd.js?dpl=dpl_9Tg8n3HV5YCwLYXER9xwXmfZ5X6B" 58:"static/chunks/29316-a621a9174272dfb0.js?dpl=dpl_9Tg8n3HV5YCwLYXER9xwXmfZ5X6B" 59:"static/chunks/48336-02a67e40c7925fa0.js?dpl=dpl_9Tg8n3HV5YCwLYXER9xwXmfZ5X6B" 5a:"static/chunks/27450-e98224f50c0e73be.js?dpl=dpl_9Tg8n3HV5YCwLYXER9xwXmfZ5X6B" 5b:"static/chunks/93573-ba15b3540f433b8d.js?dpl=dpl_9Tg8n3HV5YCwLYXER9xwXmfZ5X6B" 5c:"static/chunks/78846-d5ce7f992418f477.js?dpl=dpl_9Tg8n3HV5YCwLYXER9xwXmfZ5X6B" 5d:"static/chunks/48249-36975bdaeb79aed0.js?dpl=dpl_9Tg8n3HV5YCwLYXER9xwXmfZ5X6B" 5e:"static/chunks/37136-a50a0edabe4cabab.js?dpl=dpl_9Tg8n3HV5YCwLYXER9xwXmfZ5X6B" 5f:"static/chunks/80412-2f54c990d0fdf792.js?dpl=dpl_9Tg8n3HV5YCwLYXER9xwXmfZ5X6B" 60:"static/chunks/16243-9e04dd06b27c80f4.js?dpl=dpl_9Tg8n3HV5YCwLYXER9xwXmfZ5X6B" 61:"static/chunks/10426-5af58037489d60b5.js?dpl=dpl_9Tg8n3HV5YCwLYXER9xwXmfZ5X6B" 62:"static/chunks/73840-75a5076747babbf5.js?dpl=dpl_9Tg8n3HV5YCwLYXER9xwXmfZ5X6B" 63:"static/chunks/47093-f38f74f9ea4b036a.js?dpl=dpl_9Tg8n3HV5YCwLYXER9xwXmfZ5X6B" 64:"static/chunks/95760-434ae303db548241.js?dpl=dpl_9Tg8n3HV5YCwLYXER9xwXmfZ5X6B" 65:"static/chunks/6894-6a3748811f26e86d.js?dpl=dpl_9Tg8n3HV5YCwLYXER9xwXmfZ5X6B" 66:"static/chunks/app/course-play/%5B...param%5D/page-e6d3c89703d47e85.js?dpl=dpl_9Tg8n3HV5YCwLYXER9xwXmfZ5X6B" 67:I[9243,["88483","$15","93249","$16","803","$17","25746","$42","52571","$43","1383","$44","54129","$45","73473","$46","44396","$18","56019","$19","94957","$1a","19837","$1b","8337","$1c","92928","$1d","33001","$1e","95488","$1f","26901","$20","60144","$21","88786","$22","63334","$24","37267","$26","94169","$29","43442","$2a","8210","$2b","59476","$2c","47019","$47","98474","$48","21491","$2d","72676","$2e","70717","$49","75965","$2f","78199","$4a","45758","$4b","7094","$4c","82154","$4d","68883","$4e","92655","$4f","36830","$50","96183","$51","55807","$52","65133","$53","73562","$54","33944","$55","76825","$56","96589","$57","29316","$58","48336","$59","27450","$5a","2399","$30","93573","$5b","78846","$5c","11114","$34","60430","$35","1849","$36","48249","$5d","37136","$5e","80412","$5f","16243","$60","10426","$61","73840","$62","87445","$37","47093","$63","95760","$64","6894","$65","71853","$66"],"default"] 68:T522,HTML is the language that describes what each part of a web page is: a heading, a paragraph, an image, a link, a table, or a form field. A browser reads that description and draws the page, a screen reader reads it aloud, and a search engine reads it to understand the page. This course teaches you to write HTML that all three understand, starting from a single empty file. You begin by creating, saving, and opening your first HTML file, and by seeing how a browser turns it into a document tree. You then learn tags, attributes, and elements, the page layout elements such as header, nav, main, and footer, and how to write headings, paragraphs, and formatted text. Next you add images, audio, video, and links, and build lists and tables, including merged cells and tables that fit a phone screen. The later chapters cover forms, from text fields and choices to labels, grouping, and the checks a browser makes before it sends the data, and then the meta tags, favicons, and redirects that describe a page to browsers and search engines. The course follows the current HTML standard, every example was checked with the W3C validator and in a browser, and the lessons show what older tutorials teach that is now obsolete. Every chapter after the introduction ends with an assessment that explains each answer.69:Tdcd,Title: What is Grokking HTML? It is a course on HTML, the language that describes every part of a web page: its headings, paragraphs, images, links, tables, and forms. It starts with a single empty file and ends with complete pages that browsers, screen readers, and search engines can read correctly. $$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$ Title: Who is this course for? It is for complete beginners who have never written code, and for new web developers who copy HTML from examples but want to know why the markup is written the way it is. Every new idea is explained in plain words before it gets its technical name. $$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$ Title: What do I need to know before I start? Nothing beyond using a computer and a web browser. The course does not assume any programming, CSS, or JavaScript knowledge. When an example needs one line of CSS, the lesson explains what that line does. $$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$ Title: What do I need to follow along? You need a plain-text code editor and a web browser. An early lesson shows how to create, save, and open your first HTML file, including the common traps such as a hidden .txt file extension. The course does not include a coding environment in the browser, so you try the examples on your own computer. $$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$ Title: Is the course up to date with current HTML? Yes. It follows the HTML Living Standard that browsers implement today. Every example was checked with the W3C validator and opened in a current browser during the review, and the lessons point out obsolete elements and attributes that older tutorials still teach, with what replaced them. $$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$ Title: Does the course show what the browser displays? Yes. Many lessons include a screenshot of the example as a browser draws it, and diagrams explain what happens behind the scenes, such as how a browser builds the document tree, how a form sends its data, and how merged table cells take their places. $$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$ Title: Are there quizzes or assessments? Yes. Every chapter after the introduction ends with an assessment, and each attempt draws a set of questions from a larger pool, so a second attempt gives you different questions. Most questions show a short piece of markup and ask what the browser or the validator does with it, and every option comes with an explanation. $$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$ Title: Does the course cover accessibility? Yes, as part of each topic rather than as a separate chapter. You learn alt text for images, labels for form fields, header cells and captions for tables, captions for video, and the page layout elements that let screen reader users jump between regions of a page. $$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$ Title: Does the course teach SEO? It teaches the HTML side of it: the title and meta description that search results show, Open Graph tags for link previews, favicons, the viewport tag for phones, and the right way to redirect a page that has moved. It does not cover keyword research or other marketing work. $$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$ Title: What does the course not cover? It does not teach CSS beyond single lines in examples, JavaScript, page layout with CSS, the dialog and popover features, web components, or how to publish a site online. HTML is the base that CSS and JavaScript work on, so the course prepares you to learn them next. $$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$ 9:[["$","script",null,{"type":"application/ld+json","dangerouslySetInnerHTML":{"__html":"{\"@context\":\"https://schema.org\",\"@type\":\"BreadcrumbList\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https://www.designgurus.io/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Courses\",\"item\":\"https://www.designgurus.io/courses\"},{\"@type\":\"ListItem\",\"position\":3,\"name\":\"Grokking HTML\",\"item\":\"https://www.designgurus.io/course/grokking-html\"},{\"@type\":\"ListItem\",\"position\":4,\"name\":\"Chapter Assessment: HTML Miscellaneous\",\"item\":\"https://www.designgurus.io/course-play/grokking-html/doc/chapter-assessment-html-miscellaneous\"}]}"}}],["$","script",null,{"type":"application/ld+json","dangerouslySetInnerHTML":{"__html":"{\"@context\":\"https://schema.org\",\"@type\":\"Article\",\"headline\":\"Chapter Assessment: HTML Miscellaneous\",\"description\":\"These questions cover page backgrounds set with CSS, inline SVG drawings, code markup with

, ,  and , embedded frames with ,\",\"image\":\"https://www.designgurus.io/imgs/dg_default.png\",\"url\":\"https://www.designgurus.io/course-play/grokking-html/doc/chapter-assessment-html-miscellaneous\",\"mainEntityOfPage\":{\"@type\":\"WebPage\",\"@id\":\"https://www.designgurus.io/course-play/grokking-html/doc/chapter-assessment-html-miscellaneous\"},\"isPartOf\":{\"@type\":\"Course\",\"name\":\"Grokking HTML\"},\"author\":{\"@type\":\"Organization\",\"name\":\"Design Gurus\",\"url\":\"https://www.designgurus.io/\"},\"publisher\":{\"@type\":\"Organization\",\"name\":\"Design Gurus\",\"legalName\":\"Design Gurus, LLC\",\"url\":\"https://www.designgurus.io/\"},\"datePublished\":\"2025-01-06T06:55:31.951Z\",\"dateModified\":\"2026-11-06T00:44:27.404Z\"}"}}],["$","$L67",null,{"course":{"_id":"677b7e639e1a3a09dacde5ce","title":"Grokking HTML","overview":"$68","slug":"grokking-html","collaborators":[],"linkedCourse":null,"allowedLanguage":null,"createdAt":"2025-01-06T06:55:31.951Z","faqs":"$69","coursePlayerType":"text","splitModeEnabled":false,"id":"677b7e639e1a3a09dacde5ce"},"initialPosts":[],"postId":null,"discussionId":"6aed22ea62983979734bfb2d","documentDictionary":{"6aed21f262983979734bf28e":{"latestDocument":{"sections":[{"databaseExercise":{"makeReadOnly":false,"showExecuteButton":true,"showSubmitButton":false,"showRunButton":false,"showSolutionButton":false,"showSolutionCode":false,"skipOutputVerification":false,"script":[],"databaseSchema":[],"exampleTestData":[],"internalTestData":[]},"webExercise":{"makeReadOnly":false,"showSolutionCode":false,"code":[]},"markdown":{"text":"These questions cover page backgrounds set with CSS, inline SVG drawings, code markup with `<code>`, `<pre>`, `<kbd>` and `<samp>`, embedded frames with `<iframe>`, collapsible answers with `<details>`, and drawing on a `<canvas>`. Each attempt draws 10 of 20 questions. After you answer, read the explanation on every option.\n"},"slider":{"images":[]},"input":{"type":"text"},"sectionId":"6aed21f262983979734bf28f","sectionType":"markdown","productList":[],"_id":"6aed21f262983979734bf294"}],"summary":"","outline":[]},"_id":"6aed21f262983979734bf28e","owners":["677b7e639e1a3a09dacde5ce"],"createdAt":"2026-11-06T00:40:18.748Z","updatedAt":"2026-11-06T00:44:27.404Z","isPreview":true,"documentTitle":"Chapter Assessment: HTML Miscellaneous","documentId":"6aed21f262983979734bf28e","published":true,"isPublic":false,"slug":"chapter-assessment-html-miscellaneous","discussionId":"6aed22ea62983979734bfb2d","readOnly":false,"supportedLanguages":[],"difficulty":"easy","documentTitleEmphasis":false,"isBlurredDocument":false,"isNewArrivalDocument":false,"views":0,"type":"default","tags":[],"companyTags":[],"addedByAi":true}},"activeChapterId":"6784bd43105acd3627e46a25","activeDocumentId":"6aed21f262983979734bf28e","activeDocumentSlug":"6aed21f262983979734bf28e","documentsSlugDictionary":{"67851a5b3189994897d1a864":"course-overview","677e886dcad3b9506e8fb93e":"introduction-to-html","6aed203d62983979734bd779":"creating-and-opening-your-first-html-file","677e8877f52b729a796c2142":"understanding-the-html-document-structure","677e897451a22e15ad6a5a06":"html-comments","67850281b68b23ca26860c82":"quiz","677fb1f08ff2d7a525ecab58":"html-tags","677fb1fc49a90d0e0d5b82de":"html-attributes","677fb205fc70e6f8d719e6ff":"html-elements","6aed2042b00dae9391f48380":"html-page-layout-elements","677fb20dfc70e6f8d719e814":"reference-to-common-html-tags","677fb2125be955a9f2f76cdc":"reference-to-common-html-attributes","678503fadfaee2f5b9860403":"quiz-1","677fb3775be955a9f2f7941d":"html-headings","677fca7e444c63269d8fe02b":"html-paragraphs","677fca867c6b4791fcd5dd13":"html-fonts","677fca90444c63269d8fe073":"html-special-characters","678505a1f9edb8b2fbd76a48":"quiz-1-2","677fcafe415ae224d302afc1":"html-formatting","677fcae6415ae224d302adf0":"html-quotations","6785079c799c62f05e267d8f":"quiz-1-2-3","6780f9fc27b08e4ad758806d":"inserting-an-image-using-the-img-tag","6780fa7849532b1de8816199":"html-img-tag-with-width-and-height-attributes","6780fa967f0bc709383353cf":"html-audio","6780fa9f7f0bc70938335532":"html-video","678509ec202ed2b1ed7d2e7d":"quiz-1-2-3-4","6780fad40069add42be29206":"creating-links-using-a-tag","6780fae67f0bc70938335d51":"turn-an-image-into-the-link","6780faf10069add42be29317":"creating-an-email-and-phone-link","67850e0835336d2982095b83":"quiz-1-2-3-4-5","67811198e3fbe9e28f0a5fcf":"html-ordered-list","678111af189f04cbb344a027":"html-unordered-list","678111de2d29c57ae3276849":"html-nested-list","6aed2048b00dae9391f48528":"html-description-lists","67850f76d6e7b5cbeb267031":"quiz-1-2-3-4-5-6","67811f4ebb4cabe1061d3d37":"creating-a-basic-html-table","67811f64b32c119634b8400e":"html-table-headers","67811f94585c7d2137c35d57":"adding-captions-to-the-table","67811faa585c7d2137c35f13":"working-with-colspan-and-rawspan","67812017ac56027cdd267fb3":"html-nested-tables","6784ab55f5ad90cbc05b7dee":"responsive-tables","678510a6e01ea89cbd3faffd":"quiz-1-2-3-4-5-6-7","6784aec4f5ad90cbc05bd081":"introduction-to-html-forms","6784af25c9720f6eaceb6a1f":"form-controls-input-elements","6aed204bb00dae9391f49218":"choices-files-and-buttons","6784af4bd9d64836fac8f8d4":"labels-and-accessibility","6784af5a1aa174c6035653e3":"grouping-form-elements","6784af621aa174c6035654bc":"form-validation","6784af69686e8e7deb7c6c85":"advanced-form-attributes","6784af76546c3bf6184b21ac":"form-action-variations","678511dbfd4abc3e6ab76387":"quiz-1-2-3-4-5-6-7-8","6784ba5042fe24ba2ce4cd33":"html-meta-tags","6784ba5842fe24ba2ce4ce8b":"html-favicons","6784ba5de4f8d7650b4cb0d4":"html-page-redirection","678519613189994897d18605":"quiz-1-2-3-4-5-6-7-8-9","6784be1af5ad90cbc05ca4b0":"html-backgrounds","6784be3afa3c64a54323e27b":"html-svg","6784be15f5ad90cbc05ca322":"html-code-element","6784be22f5ad90cbc05ca63c":"html-iframe","6784be0cb914f04cc1e49874":"html-details-summary-for-collapsible-content","6784be60a38123a2710963b1":"html-canvas-element","6aed21f262983979734bf28e":"chapter-assessment-html-miscellaneous"},"nextDocumentTitle":null,"previousDocumentTitle":"The <canvas> Element","productId":"6aed251995e01a389527fdfd","productSlug":"grokking-html","isFreeProduct":false,"baseUrl":"/course-play","documentOwners":["677b7e639e1a3a09dacde5ce"],"courseCreatedAt":"2025-01-06T06:55:31.951Z","documentCreatedAt":"2026-11-06T00:40:18.748Z","documentUpdatedAt":"2026-11-06T00:44:27.404Z"}]]
c:null
12:[["$","title","0",{"children":"Chapter Assessment: HTML Miscellaneous"}],["$","meta","1",{"name":"description","content":"These questions cover page backgrounds set with CSS, inline SVG drawings, code markup with <code>, <pre>, <kbd> and <samp>, embedded frames with <iframe>,"}],["$","link","2",{"rel":"canonical","href":"https://www.designgurus.io/course-play/grokking-html/doc/chapter-assessment-html-miscellaneous"}],["$","meta","3",{"property":"og:title","content":"Chapter Assessment: HTML Miscellaneous"}],["$","meta","4",{"property":"og:description","content":"These questions cover page backgrounds set with CSS, inline SVG drawings, code markup with <code>, <pre>, <kbd> and <samp>, embedded frames with <iframe>,"}],["$","meta","5",{"property":"og:url","content":"https://www.designgurus.io/course-play/grokking-html/doc/chapter-assessment-html-miscellaneous"}],["$","meta","6",{"property":"og:site_name","content":"Design Gurus"}],["$","meta","7",{"property":"og:locale","content":"en_US"}],["$","meta","8",{"property":"og:image","content":"https://www.designgurus.io/imgs/dg_default.png"}],["$","meta","9",{"property":"og:image:width","content":"1200"}],["$","meta","10",{"property":"og:image:height","content":"630"}],["$","meta","11",{"property":"og:image:alt","content":"Chapter Assessment: HTML Miscellaneous"}],["$","meta","12",{"property":"og:type","content":"website"}],["$","meta","13",{"name":"twitter:card","content":"summary_large_image"}],["$","meta","14",{"name":"twitter:site","content":"@sysdesigngurus"}],["$","meta","15",{"name":"twitter:title","content":"Chapter Assessment: HTML Miscellaneous"}],["$","meta","16",{"name":"twitter:description","content":"These questions cover page backgrounds set with CSS, inline SVG drawings, code markup with <code>, <pre>, <kbd> and <samp>, embedded frames with <iframe>,"}],["$","meta","17",{"name":"twitter:image","content":"https://www.designgurus.io/imgs/dg_default.png"}]]
</article></body></html>