{"id":13459640,"url":"https://github.com/lifeparticle/HTML-Cheatsheet","last_synced_at":"2025-03-24T18:30:49.637Z","repository":{"id":78268543,"uuid":"588014736","full_name":"lifeparticle/HTML-Cheatsheet","owner":"lifeparticle","description":"HTML-Cheatsheet","archived":false,"fork":false,"pushed_at":"2023-12-10T09:52:38.000Z","size":8,"stargazers_count":4,"open_issues_count":0,"forks_count":0,"subscribers_count":3,"default_branch":"main","last_synced_at":"2024-10-26T10:39:26.317Z","etag":null,"topics":["awesome","awesome-list","front-end-development","frontend","html","html5","webapp","website"],"latest_commit_sha":null,"homepage":"https://html-elements.netlify.app","language":"HTML","has_issues":true,"has_wiki":null,"has_pages":null,"mirror_url":null,"source_name":null,"license":"mit","status":null,"scm":"git","pull_requests_enabled":true,"icon_url":"https://github.com/lifeparticle.png","metadata":{"files":{"readme":"README.md","changelog":null,"contributing":null,"funding":null,"license":"LICENSE","code_of_conduct":null,"threat_model":null,"audit":null,"citation":null,"codeowners":null,"security":null,"support":null,"governance":null,"roadmap":null,"authors":null,"dei":null,"publiccode":null,"codemeta":null},"funding":{"github":["lifeparticle"],"patreon":null,"open_collective":null,"ko_fi":null,"tidelift":null,"community_bridge":null,"liberapay":null,"issuehunt":null,"otechie":null,"lfx_crowdfunding":null,"custom":null}},"created_at":"2023-01-12T05:44:12.000Z","updated_at":"2024-07-07T16:55:27.000Z","dependencies_parsed_at":"2023-12-10T10:39:14.886Z","dependency_job_id":null,"html_url":"https://github.com/lifeparticle/HTML-Cheatsheet","commit_stats":null,"previous_names":[],"tags_count":0,"template":false,"template_full_name":null,"repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/lifeparticle%2FHTML-Cheatsheet","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/lifeparticle%2FHTML-Cheatsheet/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/lifeparticle%2FHTML-Cheatsheet/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/lifeparticle%2FHTML-Cheatsheet/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/lifeparticle","download_url":"https://codeload.github.com/lifeparticle/HTML-Cheatsheet/tar.gz/refs/heads/main","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":221995718,"owners_count":16913549,"icon_url":"https://github.com/github.png","version":null,"created_at":"2022-05-30T11:31:42.601Z","updated_at":"2022-07-04T15:15:14.044Z","host_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub","repositories_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories","repository_names_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repository_names","owners_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners"}},"keywords":["awesome","awesome-list","front-end-development","frontend","html","html5","webapp","website"],"created_at":"2024-07-31T10:00:23.771Z","updated_at":"2024-10-29T05:31:07.938Z","avatar_url":"https://github.com/lifeparticle.png","language":"HTML","funding_links":["https://github.com/sponsors/lifeparticle"],"categories":["Uncategorized"],"sub_categories":["Uncategorized"],"readme":"# Elements\n\nThere are six different kinds of elements:\n\n1. Void elements\n\n`area, base, br, col, embed, hr, img, input, link, meta, source, track, wbr`\n\n2. The template element\n\n`template`\n\n3. Raw text elements\n\n`script, style`\n\n4. Escapable raw text elements\n\n`textarea, title`\n\n5. Foreign elements\n\nMathML, SVG.\n\n6. Normal elements\n\nRest of the HTML elements.\n\n# block-level elements\n\n- A Block-level element occupy the full width of their parent container by default.\n- A Block-level elements has a new line, both before and after the element.\n- Block-level elements are like stack of boxes.\n\n`\u003caddress\u003e`, `\u003carticle\u003e`, `\u003caside\u003e`, `\u003cblockquote\u003e`, `\u003ccanvas\u003e`, `\u003cdd\u003e`, `\u003cdiv\u003e`, `\u003cdl\u003e`, `\u003cdt\u003e`, `\u003cfieldset\u003e`, `\u003cfigcaption\u003e`, `\u003cfigure\u003e`, `\u003cfooter\u003e`, `\u003cform\u003e`, `\u003ch1\u003e`, `\u003ch2\u003e`, `\u003ch3\u003e`, `\u003ch4\u003e`, `\u003ch5\u003e`, `\u003ch6\u003e`, `\u003cheader\u003e`, `\u003chr\u003e`, `\u003cli\u003e`, `\u003cmain\u003e`, `\u003cnav\u003e`, `\u003cnoscript\u003e`, `\u003col\u003e`, `\u003coutput\u003e`, `\u003cp\u003e`, `\u003cpre\u003e`, `\u003csection\u003e`, `\u003ctable\u003e`, `\u003ctfoot\u003e`, `\u003cul\u003e`, `\u003cvideo\u003e`\n\n# inline elements\n\n- An Inline element do not occupy the full width of their parent container by default.\n- An Inline element do not start on a new line.\n- An Inline element do not respect top and bottom margins \u0026 paddings.\n- Inline elements can be place side by side.\n\n`\u003ca\u003e`, `\u003cabbr\u003e`, `\u003cacronym\u003e`, `\u003cb\u003e`, `\u003cbdo\u003e`, `\u003cbig\u003e`, `\u003cbr\u003e`, `\u003cbutton\u003e`, `\u003ccite\u003e`, `\u003ccode\u003e`, `\u003cdfn\u003e`, `\u003cem\u003e`, `\u003ci\u003e`, `\u003cimg\u003e`, `\u003cinput\u003e`, `\u003ckbd\u003e`, `\u003clabel\u003e`, `\u003cmap\u003e`, `\u003cobject\u003e`, `\u003coutput\u003e`, `\u003cq\u003e`, `\u003csamp\u003e`, `\u003cscript\u003e`, `\u003cselect\u003e`, `\u003csmall\u003e`, `\u003cspan\u003e`, `\u003cstrong\u003e`, `\u003csub\u003e`, `\u003csup\u003e`, `\u003ctextarea\u003e`, `\u003ctime\u003e`, `\u003ctt\u003e`, `\u003cvar\u003e`\n\n# inline-block\n\n- `display: inline-block` elements respect top and bottom margins \u0026 paddings.\n\n# Others\n\n- `\u003csearch\u003e`: The generic search element\n- `\u003cdialog\u003e`: The Dialog element\n\n\n# Resources\n\n1. https://html.spec.whatwg.org/\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Flifeparticle%2FHTML-Cheatsheet","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Flifeparticle%2FHTML-Cheatsheet","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Flifeparticle%2FHTML-Cheatsheet/lists"}