[{"data":1,"prerenderedAt":-1},["ShallowReactive",2],{"detail-sidebar-cat-1-en-105":3,"doc-seo-573926-105":53,"doc-detail-573926-en":126},{"code":4,"msg":5,"data":6},0,"success",[7,14,19,24,29,34,39,44,49],{"id":8,"doc_module":9,"doc_module_name":10,"category_name":11,"show_sort_weight":12,"slug":13},11,1,"Template","Presentations",90,"presentations",{"id":15,"doc_module":9,"doc_module_name":10,"category_name":16,"show_sort_weight":17,"slug":18},12,"Resumes",80,"resumes",{"id":20,"doc_module":9,"doc_module_name":10,"category_name":21,"show_sort_weight":22,"slug":23},14,"Invoices",70,"invoices",{"id":25,"doc_module":9,"doc_module_name":10,"category_name":26,"show_sort_weight":27,"slug":28},15,"Posters",60,"posters",{"id":30,"doc_module":9,"doc_module_name":10,"category_name":31,"show_sort_weight":32,"slug":33},16,"Social Media",50,"social-media",{"id":35,"doc_module":9,"doc_module_name":10,"category_name":36,"show_sort_weight":37,"slug":38},17,"Forms",40,"forms",{"id":40,"doc_module":9,"doc_module_name":10,"category_name":41,"show_sort_weight":42,"slug":43},18,"Letters",30,"letters",{"id":45,"doc_module":9,"doc_module_name":10,"category_name":46,"show_sort_weight":47,"slug":48},21,"Paper Templates",5,"papers-templates",{"id":50,"doc_module":9,"doc_module_name":10,"category_name":51,"show_sort_weight":4,"slug":52},158,"General","general-158",{"code":4,"msg":54,"data":55},"ok",{"site_id":56,"language":57,"slug":58,"title":59,"keywords":60,"description":61,"schema_data":62,"social_meta":119,"head_meta":121,"extra_data":123,"updated_unix":125},105,"en","beginners-html-cheat-sheet","Beginner’s HTML Cheat Sheet","","Beginner’s HTML Cheat Sheet provides concise, example-driven explanations of core HTML elements and document structure. It covers the root \u003Chtml> element, metadata in \u003Chead>, content in \u003Cbody>, and semantic sectioning such as \u003Cheader>, \u003Cmain>, \u003Csection>, and \u003Cnav>. It also summarizes key content elements including text semantics, images and multimedia, scripting-related basics, form and interactive elements, table content, and notes on demarcating edits.",{"@graph":63,"@context":118},[64,80,101],{"@type":65,"itemListElement":66},"BreadcrumbList",[67,71,74,77],{"item":68,"name":69,"@type":70,"position":9},"https://docshare.wps.com","Home","ListItem",{"item":72,"name":10,"@type":70,"position":73},"https://docshare.wps.com/template/",2,{"item":75,"name":11,"@type":70,"position":76},"https://docshare.wps.com/template/presentations/",3,{"item":78,"name":59,"@type":70,"position":79},"https://docshare.wps.com/template/beginners-html-cheat-sheet/573926/",4,{"url":78,"name":59,"@type":81,"image":82,"author":87,"headline":59,"publisher":90,"fileFormat":93,"inLanguage":57,"description":61,"dateModified":94,"datePublished":95,"encodingFormat":93,"isAccessibleForFree":96,"interactionStatistic":97},"DigitalDocument",{"url":83,"@type":84,"width":85,"height":86},"https://docshare.wps.com/thumbnails/beginners-html-cheat-sheet/573926.png","ImageObject",442,249,{"name":88,"@type":89},"Oliver","Person",{"url":68,"name":91,"@type":92},"DocShare","Organization","application/pdf","2026-10-15","2026-10-14",true,{"@type":98,"interactionType":99,"userInteractionCount":73},"InteractionCounter",{"@type":100},"ViewAction",{"@type":102,"mainEntity":103},"FAQPage",[104,110,114],{"name":105,"@type":106,"acceptedAnswer":107},"What is the role of the \u003Chtml> root element in an HTML document?","Question",{"text":108,"@type":109},"The \u003Chtml> element represents the root (top-level) element. All other elements must be descendants of this element.","Answer",{"name":111,"@type":106,"acceptedAnswer":112},"What does the \u003Chead> element contain?",{"text":113,"@type":109},"The \u003Chead> element contains machine-readable information such as the document title, scripts, and style sheets.",{"name":115,"@type":106,"acceptedAnswer":116},"What are \u003Cbody> and \u003Csectioning> elements used for?",{"text":117,"@type":109},"The \u003Cbody> element represents the document’s content. Sectioning elements like \u003Cheader>, \u003Cmain>, \u003Csection>, and \u003Cnav> organize content and navigation within the page.","https://schema.org",{"og:url":78,"og:type":120,"og:title":59,"og:site_name":91,"og:description":61},"article",{"robots":122,"canonical":78},"index,follow",{"doc_id":124,"site_id":56},573926,1792033137,{"code":4,"msg":5,"data":127},{"doc_id":124,"user_id":128,"nickname":88,"user_avatar":129,"doc_module":9,"category_id":8,"category_name":11,"doc_title":59,"doc_description":61,"doc_content":130,"file_id":131,"file_url":132,"file_type":133,"file_size":134,"view_count":73,"is_deleted":4,"is_public":9,"is_downloadable":9,"audit_status":9,"page_count":135,"language":136,"language_code":57,"site_id":56,"html_lang":57,"table_of_contents":137,"faqs":138,"seo_title":139,"seo_description":61,"update_tm":140,"read_time":47},8796095461610,"https://ap-avatar.wpscdn.com/davatar_276721f389ce27ea32af1340a28f341c","BEGINNER’S_  \nHTML CHEAT SHEET  \nMain root 2  \nDocument metadata 2  \nSectioning root 3  \nContent sectioning 3  \nText content 4  \nInline text semantics 6  \nImage and multimedia 8  \nScripting 9  \nDemarcating edits 9  \nTable content 9  \nForms 11  \nInteractive elements 12  \n[WebsiteSetup.org-Beginner](WebsiteSetup.org-Beginner)’s HTML Cheat Sheet 1  \nMain root  \n\u003Chtml> … \u003C/html>  \nThe HTML \u003Chtml> element represents the root (top-level element) of an HTML document, so it is also referred to as the root element. All other elements must be descendants of this element.  \nExample:  \n\u003C!DOCTYPE html>  \n\u003Chtml lang=\"en\">  \n\u003Chead>  \u003C/head>  \n\u003Cbody> . . .\u003C/body>  \n\u003C/html>  \nDocument metadata  \n\u003Chead> … \u003C/head>  \nThe HTML \u003Chead> element contains machine-readable information (metadata) about the document, like its title, scripts, and style sheets.  \n\u003Clink>  \nThe HTML External Resource Link element (\u003Clink>) specifies relationships between the current document and an external resource. This element is most commonly used to link to stylesheets, but is also used to establish site icons (both \"favicon\" style icons and icons for the home screen and apps on mobile devices) among other things.  \n\u003Cmeta>  \nThe HTML \u003Cmeta> element represents metadata that cannot be represented by other HTML meta-related elements, like \u003Cbase>, \u003Clink>, \u003Cscript>, \u003Cstyle> or \u003Ctitle>  \n\u003Cstyle> … \u003C/style>  \nThe HTML \u003Cstyle> element contains style information for a document, or part of a document.  \n\u003Ctitle> … \u003C/title>  \nThe HTML Title element (\u003Ctitle>) defines the document's title that is shown in a browser's title bar or a page's tab.  \nExample:  \n[WebsiteSetup.org-Beginner](WebsiteSetup.org-Beginner)’s HTML Cheat Sheet 2  \n\u003C!DOCTYPE html>  \n\u003Chtml lang=\"en\">  \n\u003Chead>  \u003C/head>  \n\u003Cbody> . . .\u003C/body>  \n\u003C/html>  \nSectioning root  \n\u003Cbody> … \u003C/body>  \nThe HTML \u003Cbody> Element represents the content of an HTML document. There can be only one \u003Cbody> element in a document.  \nExample:  \n\u003Chtml>  \n\u003Chead>  \n\u003Ctitle>Document title\u003C/title>  \n\u003C/head>  \n\u003Cbody>  \n\u003Cp>This is a paragraph\u003C/p>  \n\u003C/body>  \n\u003C/html>  \nContent sectioning  \n\u003Caddress> … \u003C/address>  \nThe HTML \u003Caddress> element indicates that the enclosed HTML provides contact information for a person or people, or for an organization.  \n\u003Carticle> … \u003C/article>  \nThe HTML \u003Carticle> element represents a self-contained composition in a document, page, application, or site, which is intended to be independently distributable or reusable (e.g. , in syndication) .  \n\u003Caside> … \u003C/aside>  \nThe HTML \u003Caside> element represents a portion of a document whose content is only indirectly related to the document's main content.  \n\u003Cfooter> … \u003C/footer>  \nThe HTML \u003Cfooter> element represents a footer for its nearest sectioning content or sectioning root element. A footer typically contains information about the author of the section, copyright data or links to related documents.  \n[WebsiteSetup.org-Beginner](WebsiteSetup.org-Beginner)’s HTML Cheat Sheet 3  \n\u003Cheader> … \u003C/header>  \nThe HTML \u003Cheader> element represents introductory content, typically a group of introductory or navigational aids. It may contain some heading elements but also a logo, a search form, an author name, and other elements.  \n\u003Ch1> to \u003Ch6> … \u003C/h6>  \nThe HTML \u003Ch1>–\u003Ch6> elements represent six levels of section headings. \u003Ch1> is the highest section level and \u003Ch6> is the lowest.  \n\u003Cmain> … \u003C/main>  \nThe HTML \u003Cmain> element represents the dominant content of the \u003Cbody> of a document. The main content area consists of content that is directly related to or expands upon the central topic of a document, or the central functionality of an application.  \n\u003Cnav> … \u003C/nav>  \nThe HTML \u003Cnav> element represents a section of a page whose purpose is to provide navigation links, either within the current document or to other documents. Common examples of navigation sections are menus, tables of contents, and indexes.  \n\u003Csection> … \u003C/section>  \nThe HTML \u003Csection> element represents a standalone section—which do","cbCaieUTQSSyze0H","https://ap.wps.com/l/cbCaieUTQSSyze0H","pdf",136570,13,"English","# Main root\n# Document metadata\n# Sectioning root\n# Content sectioning\n# Text content\n# Inline text semantics\n# Image and multimedia\n# Scripting\n# Table content\n# Forms\n# Interactive elements","[{\"question\":\"What is the role of the \\u003chtml\\u003e root element in an HTML document?\",\"answer\":\"The \\u003chtml\\u003e element represents the root (top-level) element. All other elements must be descendants of this element.\"},{\"question\":\"What does the \\u003chead\\u003e element contain?\",\"answer\":\"The \\u003chead\\u003e element contains machine-readable information such as the document title, scripts, and style sheets.\"},{\"question\":\"What are \\u003cbody\\u003e and \\u003csectioning\\u003e elements used for?\",\"answer\":\"The \\u003cbody\\u003e element represents the document’s content. Sectioning elements like \\u003cheader\\u003e, \\u003cmain\\u003e, \\u003csection\\u003e, and \\u003cnav\\u003e organize content and navigation within the page.\"}]","Beginner’s HTML Cheat Sheet | PDF",1791951941]