{"id":18465865,"url":"https://github.com/jhoan5/html","last_synced_at":"2026-03-19T04:33:35.656Z","repository":{"id":158830498,"uuid":"606462316","full_name":"Jhoan5/html","owner":"Jhoan5","description":"I made this guide to search something that I could forget to make easier HTML development and consolidate my knowledge in INCAP","archived":false,"fork":false,"pushed_at":"2024-10-02T16:25:07.000Z","size":17891,"stargazers_count":1,"open_issues_count":1,"forks_count":0,"subscribers_count":1,"default_branch":"main","last_synced_at":"2025-06-01T13:21:34.599Z","etag":null,"topics":["cheatsheet","comprehensive","developer-tools","guide","html","incap","tags"],"latest_commit_sha":null,"homepage":"https://jhoan5.github.io/html/","language":null,"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/Jhoan5.png","metadata":{"files":{"readme":"README.md","changelog":null,"contributing":null,"funding":null,"license":"LICENSE.txt","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}},"created_at":"2023-02-25T15:12:15.000Z","updated_at":"2024-10-02T16:25:11.000Z","dependencies_parsed_at":"2024-12-25T08:11:45.604Z","dependency_job_id":"a84fe90c-badc-4a1f-95f0-874d2609c12a","html_url":"https://github.com/Jhoan5/html","commit_stats":null,"previous_names":[],"tags_count":0,"template":false,"template_full_name":null,"purl":"pkg:github/Jhoan5/html","repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/Jhoan5%2Fhtml","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/Jhoan5%2Fhtml/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/Jhoan5%2Fhtml/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/Jhoan5%2Fhtml/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/Jhoan5","download_url":"https://codeload.github.com/Jhoan5/html/tar.gz/refs/heads/main","sbom_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/Jhoan5%2Fhtml/sbom","scorecard":null,"host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":286080680,"owners_count":28847925,"icon_url":"https://github.com/github.png","version":null,"created_at":"2022-05-30T11:31:42.601Z","updated_at":"2026-01-28T15:15:36.453Z","status":"ssl_error","status_checked_at":"2026-01-28T15:15:13.020Z","response_time":57,"last_error":"SSL_read: unexpected eof while reading","robots_txt_status":"success","robots_txt_updated_at":"2025-07-24T06:49:26.215Z","robots_txt_url":"https://github.com/robots.txt","online":false,"can_crawl_api":true,"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":["cheatsheet","comprehensive","developer-tools","guide","html","incap","tags"],"created_at":"2024-11-06T09:14:20.748Z","updated_at":"2026-01-28T17:37:19.261Z","avatar_url":"https://github.com/Jhoan5.png","language":null,"readme":"# Comprehensive Guide to HTML\n\n![HTML](https://img.shields.io/badge/HTML5-E34F26?style=for-the-badge\u0026logo=html5\u0026logoColor=white)\n\n## Set Up\n\n1. Install a text editor like [Visual Studio Code](https://code.visualstudio.com/) or use Notepad.\n2. Create a new file with the `.html` extension, such as `index.html`.\n3. Write \"Hello, World!\" inside the file and open it in a web browser to see the result.\n\nOr use an editor online like:\n\n- [CodePen](https://codepen.io/)\n- [CodeSandbox](https://codesandbox.io/)\n- Or whatever you prefer.\n\n## Tags\n\n1. Tags are used with the format `\u003ctagName\u003e content(tags or text) \u003c/tagName\u003e`.\n2. The `\u003ctag\u003e` notation indicates that the tag needs to be opened and it does not need to be closed. `\u003c/tag\u003e`. The others need to be closed.\n\n| Group               | Tags                                                               |\n| ------------------- | ------------------------------------------------------------------ |\n| HTML Document       | `\u003cDoctype html\u003e`,`html`, `head `, `body`                           |\n| Head Tags           | `title`, `style`, `\u003cmeta\u003e`, `\u003clink\u003e`, `\u003cscript\u003e`                   |\n| Heading             | `h1`, `h2`, `h3`, `h4`, `h5`, `h6`                                 |\n| Paragraphs          | `p`                                                                |\n| Semantic Text       | `i`, `em`, `b`, `strong`, `code`, `sub`, `sup`, `time`, `s`, `del` |\n| Semantic Container  | `header`, `nav`, `main`, `footer`, `address`                       |\n| Form Elements       | `form`, `select`, `textarea`, `button`, `label` ,`\u003cinput\u003e`         |\n| List                | `ul`, `ol`, `li`, `dl`, `dt`, `dd`                                 |\n| Table               | `table`, `thead`, `tbody`, `tfoot`, `th`, `tr`, `td`, `caption`    |\n| Media               | `video`, `audio`, `iframe`, `embed`, `object`, `svg`,`\u003cimg\u003e`       |\n| Character Reference | `\u0026lt;`, `\u0026gt;`, `\u0026amp;`                                            |\n| Comment             | `\u003c!-- comment --\u003e`                                                 |\n| Cite and Quotation  | `q`, `blockquote`, `abbr`, `cite`                                  |\n| Feature Tags        | `dialog`, `progress`, `output`, `search`, `template`               |\n| Deprecated Tags     | `font`, `center`, `u`, `strike`, `applet`, `big`, `small`, `dir`   |\n| Deprecated Tags     | `menu`, `basefont`, `frame`, `frameset`, `isindex`, `blink`        |\n\n## Attributes or Properties of Tags\n\n| Group tags | Attributes                                                            |\n| ---------- | --------------------------------------------------------------------- |\n| All        | `id`, `class`, `data-*`, `style`, `lang`, `dir`, `hidden`, `on*event` |\n| All        | `contenteditable`, `draggable`, `spellcheck`, `tabindex`,`aria-*`     |\n| meta       | `charset`, `name`, `http-equiv`, `content`, `itemprop`                |\n| Link       | `href`, `target`, `rel`, `type`                                       |\n| Text       | `align`, `valign`, `width`, `height`, `translate`                     |\n| Form       | `action`, `method`, `accept`, `accept-charset`, `enctype`             |\n| input      | `placeholder`, `value`, `type`, `name`, `checked`, `required`         |\n| List       | `type`, `start`, `value` , `reversed`                                 |\n| Table      | `colspan`, `rowspan`, `scope`, `headers`                              |\n| Image      | `src`, `alt`, `title`, `width`, `height`                              |\n| Media      | `controls`, `autoplay`, `loop`, `muted`, `poster`                     |\n\n## Resources\n\n_To learn HTML and practice, you might visit some of these resources:_\n\n- [W3Schools](https://www.w3schools.com/html/)\n- [MDN Web Docs](https://developer.mozilla.org/en-US/docs/Web/HTML/)\n- [html-best-practices](https://github.com/hail2u/html-best-practices)\n- [Free Code Camp](https://www.freecodecamp.org/news/tag/html/)\n- [Frontend Mentor](https://www.frontendmentor.io/)\n\n## Thank You\n\nThank you for reading. I hope this guide will be helpful to you.\n\n\u003e [!NOTE]\\\n\u003e I am not a professional. I am just a learner.\n\u003e Feel free to colabore to this repository. I will appreciate it.\n\u003e This repository was made with :heart:\n","funding_links":[],"categories":[],"sub_categories":[],"project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fjhoan5%2Fhtml","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fjhoan5%2Fhtml","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fjhoan5%2Fhtml/lists"}