{"id":18610349,"url":"https://github.com/ivikramsahu/understanding-basics-of-html-css","last_synced_at":"2026-03-19T05:21:50.131Z","repository":{"id":215870205,"uuid":"359503715","full_name":"ivikramsahu/understanding-basics-of-HTML-CSS","owner":"ivikramsahu","description":"A repository for HTML-CSS for web development 📖","archived":false,"fork":false,"pushed_at":"2021-04-19T15:16:47.000Z","size":5,"stargazers_count":1,"open_issues_count":0,"forks_count":0,"subscribers_count":1,"default_branch":"main","last_synced_at":"2025-05-16T23:11:33.003Z","etag":null,"topics":["html-css","html-css-javascript","html5"],"latest_commit_sha":null,"homepage":"","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/ivikramsahu.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}},"created_at":"2021-04-19T15:13:57.000Z","updated_at":"2023-03-09T01:55:25.000Z","dependencies_parsed_at":"2024-01-07T04:14:31.080Z","dependency_job_id":"e6f975fb-52f9-499d-bbdd-e712bbd6e220","html_url":"https://github.com/ivikramsahu/understanding-basics-of-HTML-CSS","commit_stats":null,"previous_names":["ivikramsahu/understanding-basics-of-html-css"],"tags_count":0,"template":false,"template_full_name":null,"purl":"pkg:github/ivikramsahu/understanding-basics-of-HTML-CSS","repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/ivikramsahu%2Funderstanding-basics-of-HTML-CSS","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/ivikramsahu%2Funderstanding-basics-of-HTML-CSS/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/ivikramsahu%2Funderstanding-basics-of-HTML-CSS/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/ivikramsahu%2Funderstanding-basics-of-HTML-CSS/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/ivikramsahu","download_url":"https://codeload.github.com/ivikramsahu/understanding-basics-of-HTML-CSS/tar.gz/refs/heads/main","sbom_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/ivikramsahu%2Funderstanding-basics-of-HTML-CSS/sbom","scorecard":null,"host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":286080680,"owners_count":28755942,"icon_url":"https://github.com/github.png","version":null,"created_at":"2022-05-30T11:31:42.601Z","updated_at":"2026-01-25T16:32:25.380Z","status":"ssl_error","status_checked_at":"2026-01-25T16:32:09.189Z","response_time":113,"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":["html-css","html-css-javascript","html5"],"created_at":"2024-11-07T03:09:27.354Z","updated_at":"2026-01-25T17:33:12.435Z","avatar_url":"https://github.com/ivikramsahu.png","language":null,"funding_links":[],"categories":[],"sub_categories":[],"readme":"# Understanding basics of HTML-CSS\n\nHTML is a markup language that uses a special syntax or notation to describe the structure of a webpage to the browser. HTML elements usually have opening and closing tags that surround and give meaning to content. For example, different elements can describe text as a heading, paragraph, or list item.\n\n```html\n\u003c!DOCTYPE html\u003e\n\u003chtml\u003e\n\u003chead\u003e\n    \u003ctitle\u003e\n        This is Start of Frontend Development\n    \u003c/title\u003e\n\u003c/head\u003e\n\n\u003cbody\u003e                      \u003c!--start of HTML body consists of actual web page data--\u003e\n    \u003ch1\u003eVikram Sahu\u003c/h1\u003e    \u003c!--heading of the HTML file followed by h1,h2,h3...h6 --\u003e\n    \u003chr\u003e                    \u003c!--breaks the page by adding an horizontal line in the webpage--\u003e\n    \u003ch2\u003eDeveloper Advocate\u003c/h2\u003e\n\n    \u003c!--Image tag : allows you to add image within the HTML page--\u003e\n    \u003cimg src=\"https://media.geeksforgeeks.org/wp-content/cdn-uploads/Geek_logi_-low_res.png\"\u003e\u003cbr\u003e\n    \n    \u003c!--wrapping image to link--\u003e\n    \u003ca href=\"#\"\u003e\u003cimg src=\"\" alt=\"Src is blank so displaying this text\"\u003e \u003c/a\u003e\n    \n    \u003c!--paragraph tag use to write a paragraph within the HTML page--\u003e\n    \u003cp\u003e                     \n        A Computer Science portal for geeks\n        \u003cbr\u003e                \u003c!--br tag to add new line in the HTML--\u003e\n        Hello world\n    \u003c/p\u003e\u003cbr\u003e\n\n    \u003c!--Dead links--\u003e\n    \u003ca href=\"#\"\u003eHello Dead link \u003c/a\u003e\u003cbr\u003e\n    \u003ca href=\"https://www.geeksforgeeks.org/\"\u003eClick to open in the same tab\u003c/a\u003e\u003cbr\u003e \u003c!--link to xyz using a tag--\u003e\n\n    \u003cdiv\u003e\n        This is division part/section for HTML webpage        \n    \u003c/div\u003e\n    \u003c!-- unordered Lists--\u003e\n    \u003cul\u003e\n        \u003cli\u003emilk\u003c/li\u003e\n        \u003cli\u003ecoffee\u003c/li\u003e\n        \u003cli\u003ecookies\u003c/li\u003e\n    \u003c/ul\u003e\n\n    \u003c!--ordered list--\u003e\n    \u003col\u003e\n        \u003cli\u003edogs\u003c/li\u003e\n        \u003cli\u003eBones\u003c/li\u003e\n        \u003cli\u003epeanut butter\u003c/li\u003e\n    \u003c/ol\u003e\n\n    \u003c!--Form elements--\u003e\n    \u003cform action=\"/submitted URL\"\u003e\n        \u003cinput type=\"text\" required placeholder=\"email/phone number\"\u003e\n        \u003clabel\u003e\n            \u003cinput type=\"radio\" name=\"indoor-outdoor\" checked \u003eIndoor \n        \u003c/label\u003e\n        \u003clabel\u003e \n            \u003cinput type=\"radio\" name=\"indoor-outdoor\"\u003eoutdoor \n        \u003c/label\u003e\n        \u003clabel for=\"loving\"\u003e\n            \u003cinput id=\"loving\" type=\"checkbox\" name=\"personality\" checked\u003e kind\n        \u003c/label\u003e\n        \u003cbutton type=\"submit\"\u003eSubmit\u003c/button\u003e\n    \u003c/form\u003e\n    \n\u003c/body\u003e\n\n\u003c/html\u003e\n```\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fivikramsahu%2Funderstanding-basics-of-html-css","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fivikramsahu%2Funderstanding-basics-of-html-css","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fivikramsahu%2Funderstanding-basics-of-html-css/lists"}