{"id":26545025,"url":"https://github.com/hifza-khalid/html_learning","last_synced_at":"2026-02-20T00:31:11.044Z","repository":{"id":278861481,"uuid":"896555559","full_name":"Hifza-Khalid/HTML_Learning","owner":"Hifza-Khalid","description":"A structured HTML Learning Repository 📚🚀 for beginners to advanced learners, covering fundamental to complex HTML concepts step by step.","archived":false,"fork":false,"pushed_at":"2025-02-22T06:06:48.000Z","size":129,"stargazers_count":3,"open_issues_count":0,"forks_count":0,"subscribers_count":1,"default_branch":"main","last_synced_at":"2025-10-21T06:33:16.128Z","etag":null,"topics":["basics","forms","frontend","html","layouts","tables","tags","webdevelopment"],"latest_commit_sha":null,"homepage":"https://github.com/Hifza-Khalid/HTML_Learning","language":null,"has_issues":true,"has_wiki":null,"has_pages":null,"mirror_url":null,"source_name":null,"license":null,"status":null,"scm":"git","pull_requests_enabled":true,"icon_url":"https://github.com/Hifza-Khalid.png","metadata":{"files":{"readme":"README.md","changelog":null,"contributing":null,"funding":null,"license":null,"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":"2024-11-30T17:15:38.000Z","updated_at":"2025-04-13T09:49:11.000Z","dependencies_parsed_at":"2025-02-22T06:38:41.438Z","dependency_job_id":null,"html_url":"https://github.com/Hifza-Khalid/HTML_Learning","commit_stats":null,"previous_names":["hifza-khalid/html_learning"],"tags_count":0,"template":false,"template_full_name":null,"purl":"pkg:github/Hifza-Khalid/HTML_Learning","repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/Hifza-Khalid%2FHTML_Learning","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/Hifza-Khalid%2FHTML_Learning/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/Hifza-Khalid%2FHTML_Learning/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/Hifza-Khalid%2FHTML_Learning/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/Hifza-Khalid","download_url":"https://codeload.github.com/Hifza-Khalid/HTML_Learning/tar.gz/refs/heads/main","sbom_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/Hifza-Khalid%2FHTML_Learning/sbom","scorecard":null,"host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":286080680,"owners_count":29637408,"icon_url":"https://github.com/github.png","version":null,"created_at":"2022-05-30T11:31:42.601Z","updated_at":"2026-02-19T22:32:43.237Z","status":"ssl_error","status_checked_at":"2026-02-19T22:32:38.330Z","response_time":117,"last_error":"SSL_connect returned=1 errno=0 peeraddr=140.82.121.6:443 state=error: 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":["basics","forms","frontend","html","layouts","tables","tags","webdevelopment"],"created_at":"2025-03-22T04:15:45.754Z","updated_at":"2026-02-20T00:31:11.017Z","avatar_url":"https://github.com/Hifza-Khalid.png","language":null,"funding_links":[],"categories":[],"sub_categories":[],"readme":"# HTML Learning Repository 📂\n\nWelcome to the **HTML Learning** repository! 🚀 This structured folder contains different levels of HTML concepts, organized for a step-by-step learning approach. Each level introduces new HTML elements and functionalities to help you master the fundamentals. 🏆\n\n## 📁 Folder Structure\n\n```\nhtml_learning/\n│-- html/\n│   │-- level1/\n│   │   ├── comment 📝\n│   │   ├── pop 🎭\n│   │-- level2/\n│   │   ├── anchor 🔗\n│   │   ├── big-small 🔠\n│   │   ├── bius ✍️\n│   │   ├── br 🔄\n│   │   ├── heading 🏷️\n│   │   ├── hr 📏\n│   │   ├── images 🖼️\n│   │   ├── paragraph 📖\n│   │   ├── pre 📜\n│   │   ├── sub-sup 🔢\n│   │   ├── video 🎥\n│   │-- level3/\n│   │   ├── wikipedia 🌐\n│   │   ├── youtube 📺\n│   │-- level4/\n│   │   ├── article 📰\n│   │   ├── aside 📌\n│   │   ├── block-inline 📦\n│   │   ├── div 🔳\n│   │   ├── footer 🚦\n│   │   ├── header 🏛️\n│   │   ├── main 🎯\n│   │   ├── nav 🧭\n│   │   ├── section 📂\n│   │   ├── span ✨\n│   │-- level5/\n│   │   ├── iframe 🌍\n│   │   ├── ordered-list 🔢\n│   │   ├── table 📊\n│   │   ├── unordered-list 🔘\n│   │-- form/\n│       ├── checkbox ☑️\n│       ├── input-basics 🎤\n│       ├── input-submit 🚀\n│       ├── input-types 🔣\n│       ├── label 🏷️\n│       ├── radio 🔘\n│       ├── select 🔽\n│       ├── text-area ✍️\n```\n\n## 📚 Levels Breakdown\n\n### Level 1: Basics 🏁\n- `comment` 📝 – How to add comments in HTML\n- `pop` 🎭 – Basic pop-up alerts and messages\n\n### Level 2: Essential Elements ⚡\n- `anchor` 🔗 – Hyperlinks (`\u003ca\u003e` tag)\n- `big-small` 🔠 – Text size formatting (`\u003cbig\u003e`, `\u003csmall\u003e`)\n- `bius` ✍️ – Bold, Italic, Underline, and Strike (`\u003cb\u003e`, `\u003ci\u003e`, `\u003cu\u003e`, `\u003cs\u003e`)\n- `br` 🔄 – Line breaks (`\u003cbr\u003e`)\n- `heading` 🏷️ – Headings (`\u003ch1\u003e` to `\u003ch6\u003e`)\n- `hr` 📏 – Horizontal lines (`\u003chr\u003e`)\n- `images` 🖼️ – Adding images (`\u003cimg\u003e`)\n- `paragraph` 📖 – Paragraph formatting (`\u003cp\u003e`)\n- `pre` 📜 – Preformatted text (`\u003cpre\u003e`)\n- `sub-sup` 🔢 – Subscript and Superscript (`\u003csub\u003e`, `\u003csup\u003e`)\n- `video` 🎥 – Embedding videos (`\u003cvideo\u003e`)\n\n### Level 3: Embedding \u0026 Links 🌍\n- `wikipedia` 🌐 – Embedding Wikipedia links\n- `youtube` 📺 – Embedding YouTube videos\n\n### Level 4: Page Layout 🎨\n- `article` 📰 – Defining an article section\n- `aside` 📌 – Sidebar content\n- `block-inline` 📦 – Understanding block and inline elements\n- `div` 🔳 – Divisions and containers\n- `footer` 🚦 – Footer section\n- `header` 🏛️ – Header section\n- `main` 🎯 – Main content area\n- `nav` 🧭 – Navigation menus\n- `section` 📂 – Organizing page sections\n- `span` ✨ – Inline container for styling\n\n### Level 5: Advanced Elements 🚀\n- `iframe` 🌍 – Embedding external pages (`\u003ciframe\u003e`)\n- `ordered-list` 🔢 – Numbered lists (`\u003col\u003e`)\n- `table` 📊 – Creating tables (`\u003ctable\u003e`)\n- `unordered-list` 🔘 – Bullet point lists (`\u003cul\u003e`)\n\n### Forms: User Input 📝\n- `checkbox` ☑️ – Checkbox input (`\u003cinput type=\"checkbox\"\u003e`)\n- `input-basics` 🎤 – Basic text input fields\n- `input-submit` 🚀 – Submit buttons (`\u003cinput type=\"submit\"\u003e`)\n- `input-types` 🔣 – Different input types (`text`, `password`, `email`, etc.)\n- `label` 🏷️ – Labeling form elements (`\u003clabel\u003e`)\n- `radio` 🔘 – Radio buttons (`\u003cinput type=\"radio\"\u003e`)\n- `select` 🔽 – Dropdown menus (`\u003cselect\u003e`)\n- `text-area` ✍️ – Multi-line input (`\u003ctextarea\u003e`)\n\n## 🎯 How to Use\n1. Navigate through each level step by step.\n2. Open the respective HTML files in your browser or code editor.\n3. Experiment with the code and make modifications.\n4. Practice by creating new files and implementing variations.\n5. Have fun learning HTML! 🎉\n\n## 🚀 Contribution\nFeel free to contribute by adding new concepts, improving explanations, or refining existing code. Let's learn and grow together! 🤝\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fhifza-khalid%2Fhtml_learning","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fhifza-khalid%2Fhtml_learning","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fhifza-khalid%2Fhtml_learning/lists"}