{"id":21827226,"url":"https://github.com/nishatrhythm/html-for-beginners","last_synced_at":"2025-07-20T13:31:15.478Z","repository":{"id":192178779,"uuid":"686223061","full_name":"nishatrhythm/HTML-for-Beginners","owner":"nishatrhythm","description":"Basic HTML tags can be found here. Hopefully, it will be helpful for the beginners.","archived":false,"fork":false,"pushed_at":"2023-09-02T14:00:38.000Z","size":599,"stargazers_count":0,"open_issues_count":0,"forks_count":0,"subscribers_count":1,"default_branch":"main","last_synced_at":"2023-09-03T08:39:51.474Z","etag":null,"topics":["colspan","html","htmlbasictags","ict","rowspan","table","tags"],"latest_commit_sha":null,"homepage":"","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/nishatrhythm.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}},"created_at":"2023-09-02T04:44:01.000Z","updated_at":"2023-09-02T12:58:44.000Z","dependencies_parsed_at":"2023-09-03T06:42:10.666Z","dependency_job_id":null,"html_url":"https://github.com/nishatrhythm/HTML-for-Beginners","commit_stats":null,"previous_names":["nishatrhythm/ict-html-basics","nishatrhythm/html-basics"],"tags_count":null,"template":null,"template_full_name":null,"repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/nishatrhythm%2FHTML-for-Beginners","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/nishatrhythm%2FHTML-for-Beginners/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/nishatrhythm%2FHTML-for-Beginners/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/nishatrhythm%2FHTML-for-Beginners/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/nishatrhythm","download_url":"https://codeload.github.com/nishatrhythm/HTML-for-Beginners/tar.gz/refs/heads/main","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":226798051,"owners_count":17683673,"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":["colspan","html","htmlbasictags","ict","rowspan","table","tags"],"created_at":"2024-11-27T18:12:37.679Z","updated_at":"2024-11-27T18:12:38.494Z","avatar_url":"https://github.com/nishatrhythm.png","language":"HTML","funding_links":[],"categories":[],"sub_categories":[],"readme":"# HTML Basic Tags\n\n### Basic HTML Format\n```html\n\u003c!DOCTYPE html\u003e\n\u003chtml\u003e\n  \u003cbody\u003e\n    Hello world!\n  \u003c/body\u003e\n\u003c/html\u003e\n```\n\u003c!DOCTYPE html\u003e\n\u003chtml\u003e\n  \u003cbody\u003e\n    Hello world!\n  \u003c/body\u003e\n\u003c/html\u003e\n\n### Paragraph (Default)\n```html\n\u003cp\u003eThis is a paragraph\u003c/p\u003e\n```\n\u003cp\u003eThis is a paragraph\u003c/p\u003e\n\n### Paragraph (with alignment attributes)\n```html\n\u003cp align=\"left\"\u003eParagraph with left alignment\u003c/p\u003e\n\u003cp align=\"center\"\u003eParagraph with center alignment\u003c/p\u003e\n\u003cp align=\"middle\"\u003eParagraph with middle alignment\u003c/p\u003e\n\u003cp align=\"right\"\u003eParagraph with right alignment\u003c/p\u003e\n\u003cp align=\"justify\"\u003eParagraph with justified alignment\u003c/p\u003e\n```\n\u003cp align=\"left\"\u003eParagraph with left alignment\u003c/p\u003e\n\u003cp align=\"center\"\u003eParagraph with center alignment\u003c/p\u003e\n\u003cp align=\"middle\"\u003eParagraph with middle alignment\u003c/p\u003e\n\u003cp align=\"right\"\u003eParagraph with right alignment\u003c/p\u003e\n\u003cp align=\"justify\"\u003eParagraph with justified alignment\u003c/p\u003e\n\n### Bold\n```html\nThis text is \u003cb\u003eBold\u003c/b\u003e\n```\nThis text is **Bold**\n\n### Italic\n```html\nThis text is \u003ci\u003eItalic\u003c/i\u003e\n```\nThis text is _Italic_\n\n### Underline\n```html\nThis text is \u003cu\u003eUnderlined\u003c/u\u003e\n```\nThis text is \u003cins\u003eUnderlined\u003c/ins\u003e\n\n### Strong\n```html\nThis text is \u003cstrong\u003estrong\u003c/strong\u003e\n```\nThis text is \u003cstrong\u003estrong\u003c/strong\u003e\n\n### Emphasize\n```html\nThis text is \u003cem\u003eemphasized\u003c/em\u003e\n```\nThis text is \u003cem\u003eemphasized\u003c/em\u003e\n\n### Delete\n```html\nThis text is \u003cdel\u003edeleted\u003c/del\u003e\n```\nThis text is \u003cdel\u003edeleted\u003c/del\u003e\n\n### Line Break\n```html\nThere are \u003cbr\u003ethree \u003c/br\u003elines\n```\nThere are \u003cbr\u003ethree \u003c/br\u003elines\n\n### Horizontal Line\n```html\nThere is a horizontal line under this paragraph. \u003chr\u003e\nThere is a horizontal line above this paragraph.\n```\nThere is a horizontal line under this paragraph. \u003chr\u003e\nThere is a horizontal line above this paragraph.\n\n### Subscript\n```html\nChemical formula of water is H\u003csub\u003e2\u003c/sub\u003eO\n```\nChemical formula of water is H\u003csub\u003e2\u003c/sub\u003eO\n\n### Superscript\n```html\nA mathematical formula is (a + b)\u003csup\u003e2\u003c/sup\u003e = a\u003csup\u003e2\u003c/sup\u003e + 2ab + b\u003csup\u003e2\u003c/sup\u003e\n```\nA mathematical formula is (a + b)\u003csup\u003e2\u003c/sup\u003e = a\u003csup\u003e2\u003c/sup\u003e + 2ab + b\u003csup\u003e2\u003c/sup\u003e\n\n### Heading\n```html\n\u003ch1\u003eThis is h1 heading\u003c/h1\u003e\n\u003ch2\u003eThis is h2 heading\u003c/h2\u003e\n\u003ch3\u003eThis is h3 heading\u003c/h3\u003e\n\u003ch4\u003eThis is h4 heading\u003c/h4\u003e\n\u003ch5\u003eThis is h5 heading\u003c/h5\u003e\n\u003ch6\u003eThis is h6 heading\u003c/h6\u003e\n```\n\u003ch1\u003eThis is h1 heading\u003c/h1\u003e\n\u003ch2\u003eThis is h2 heading\u003c/h2\u003e\n\u003ch3\u003eThis is h3 heading\u003c/h3\u003e\n\u003ch4\u003eThis is h4 heading\u003c/h4\u003e\n\u003ch5\u003eThis is h5 heading\u003c/h5\u003e\n\u003ch6\u003eThis is h6 heading\u003c/h6\u003e\n\n### Image (Default)\n```html\n\u003cimg src=\"waterlilly.jpg\"\u003e\n```\n\u003cimg src=\"images/waterlilly.jpg\"\u003e\n\n### Image (with width and height)\n```html\n\u003cimg src=\"waterlilly.jpg\" width=\"150\" height=\"100\"\u003e\n```\n\u003cimg src=\"images/waterlilly.jpg\" width=\"150\" height=\"100\"\u003e\n\n### Image (with alternative text, if image is missing)\n```html\n\u003cimg src=\"waterlilly.jpg\" alt=\"An image of a Waterlily\"\u003e\n```\n\u003cimg src=\"waterlillly.jpg\" alt=\"An image of a Waterlily\"\u003e\n\n### Hyperlink (with website)\n```html\nVisit \u003ca href=\"https://www.google.com\"\u003eGoogle\u003c/a\u003e\n```\nVisit \u003ca href=\"https://www.google.com\"\u003eGoogle\u003c/a\u003e\n\n### Hyperlink (open in a new page or tab)\n```html\nVisit \u003ca href=\"https://www.google.com\" target=\"_blank\"\u003eGoogle\u003c/a\u003e in a new tab.\n```\nVisit \u003ca href=\"https://www.google.com\" target=\"_blank\"\u003eGoogle\u003c/a\u003e in a new tab.\n\u003cbr\u003e\u003cbr\u003e\u003ci\u003e**Note:** GitHub doesn't support new tab link opening as of now. But HTML editors will work fine.\u003c/i\u003e\n\n### Hyperlink (with a file)\n```html\nOpen \u003ca href=\"basic_html_code.html\"\u003eBasic HTML\u003c/a\u003e file. \u003cbr\u003e\nOpen \u003ca href=\"horse.jpeg\"\u003ehorse\u003c/a\u003e image.\n```\nOpen \u003ca href=\"basic_html_code.html\"\u003eBasic HTML\u003c/a\u003e file. \u003cbr\u003e\nOpen \u003ca href=\"images/horse.jpeg\"\u003ehorse\u003c/a\u003e image.\n\n### Ordered List (Default)\n```html\n\u003col\u003e\n  \u003cli\u003eBanana\u003c/li\u003e\n  \u003cli\u003eApple\u003c/li\u003e\n  \u003cli\u003eMango\u003c/li\u003e\n  \u003cli\u003eLichi\u003c/li\u003e\n  \u003cli\u003eOrange\u003c/li\u003e\n  \u003cli\u003eGuava\u003c/li\u003e\n\u003c/ol\u003e\n```\n\u003col\u003e\n  \u003cli\u003eBanana\u003c/li\u003e\n  \u003cli\u003eApple\u003c/li\u003e\n  \u003cli\u003eMango\u003c/li\u003e\n  \u003cli\u003eLichi\u003c/li\u003e\n  \u003cli\u003eOrange\u003c/li\u003e\n  \u003cli\u003eGuava\u003c/li\u003e\n\u003c/ol\u003e\n\n### Ordered List (with attribute)\n```html\n\u003col type=\"A\"\u003e\n  \u003cli\u003eBanana\u003c/li\u003e\n  \u003cli\u003eApple\u003c/li\u003e\n  \u003cli\u003eMango\u003c/li\u003e\n  \u003cli\u003eLichi\u003c/li\u003e\n  \u003cli\u003eOrange\u003c/li\u003e\n  \u003cli\u003eGuava\u003c/li\u003e\n\u003c/ol\u003e\n```\n\u003col type=\"A\"\u003e\n  \u003cli\u003eBanana\u003c/li\u003e\n  \u003cli\u003eApple\u003c/li\u003e\n  \u003cli\u003eMango\u003c/li\u003e\n  \u003cli\u003eLichi\u003c/li\u003e\n  \u003cli\u003eOrange\u003c/li\u003e\n  \u003cli\u003eGuava\u003c/li\u003e\n\u003c/ol\u003e\n\n### Ordered List (Roman Number)\n```html\n\u003col type=\"i\"\u003e\n  \u003cli\u003eBanana\u003c/li\u003e\n  \u003cli\u003eApple\u003c/li\u003e\n  \u003cli\u003eMango\u003c/li\u003e\n  \u003cli\u003eLichi\u003c/li\u003e\n  \u003cli\u003eOrange\u003c/li\u003e\n  \u003cli\u003eGuava\u003c/li\u003e\n\u003c/ol\u003e\n```\n\u003col type=\"i\"\u003e\n  \u003cli\u003eBanana\u003c/li\u003e\n  \u003cli\u003eApple\u003c/li\u003e\n  \u003cli\u003eMango\u003c/li\u003e\n  \u003cli\u003eLichi\u003c/li\u003e\n  \u003cli\u003eOrange\u003c/li\u003e\n  \u003cli\u003eGuava\u003c/li\u003e\n\u003c/ol\u003e\n\n### Ordered List (start from specific number)\n```html\n\u003col type=\"1\" start=\"13\"\u003e\n  \u003cli\u003eBanana\u003c/li\u003e\n  \u003cli\u003eApple\u003c/li\u003e\n  \u003cli\u003eMango\u003c/li\u003e\n  \u003cli\u003eLichi\u003c/li\u003e\n  \u003cli\u003eOrange\u003c/li\u003e\n  \u003cli\u003eGuava\u003c/li\u003e\n\u003c/ol\u003e\n```\n\u003col type=\"1\" start=\"13\"\u003e\n  \u003cli\u003eBanana\u003c/li\u003e\n  \u003cli\u003eApple\u003c/li\u003e\n  \u003cli\u003eMango\u003c/li\u003e\n  \u003cli\u003eLichi\u003c/li\u003e\n  \u003cli\u003eOrange\u003c/li\u003e\n  \u003cli\u003eGuava\u003c/li\u003e\n\u003c/ol\u003e\n\n### Unordered List (Default)\n```html\n\u003cul\u003e\n  \u003cli\u003eBanana\u003c/li\u003e\n  \u003cli\u003eApple\u003c/li\u003e\n  \u003cli\u003eMango\u003c/li\u003e\n  \u003cli\u003eLichi\u003c/li\u003e\n  \u003cli\u003eOrange\u003c/li\u003e\n  \u003cli\u003eGuava\u003c/li\u003e\n\u003c/ul\u003e\n```\n\u003cul\u003e\n  \u003cli\u003eBanana\u003c/li\u003e\n  \u003cli\u003eApple\u003c/li\u003e\n  \u003cli\u003eMango\u003c/li\u003e\n  \u003cli\u003eLichi\u003c/li\u003e\n  \u003cli\u003eOrange\u003c/li\u003e\n  \u003cli\u003eGuava\u003c/li\u003e\n\u003c/ul\u003e\n\n### Unordered List (Circle)\n```html\n\u003cul type=\"circle\"\u003e\n  \u003cli\u003eBanana\u003c/li\u003e\n  \u003cli\u003eApple\u003c/li\u003e\n  \u003cli\u003eMango\u003c/li\u003e\n  \u003cli\u003eLichi\u003c/li\u003e\n  \u003cli\u003eOrange\u003c/li\u003e\n  \u003cli\u003eGuava\u003c/li\u003e\n\u003c/ul\u003e\n```\n\u003cul type=\"circle\"\u003e\n  \u003cli\u003eBanana\u003c/li\u003e\n  \u003cli\u003eApple\u003c/li\u003e\n  \u003cli\u003eMango\u003c/li\u003e\n  \u003cli\u003eLichi\u003c/li\u003e\n  \u003cli\u003eOrange\u003c/li\u003e\n  \u003cli\u003eGuava\u003c/li\u003e\n\u003c/ul\u003e\n\n### Unordered List (Square)\n```html\n\u003cul type=\"square\"\u003e\n  \u003cli\u003eBanana\u003c/li\u003e\n  \u003cli\u003eApple\u003c/li\u003e\n  \u003cli\u003eMango\u003c/li\u003e\n  \u003cli\u003eLichi\u003c/li\u003e\n  \u003cli\u003eOrange\u003c/li\u003e\n  \u003cli\u003eGuava\u003c/li\u003e\n\u003c/ul\u003e\n```\n\u003cul type=\"square\"\u003e\n  \u003cli\u003eBanana\u003c/li\u003e\n  \u003cli\u003eApple\u003c/li\u003e\n  \u003cli\u003eMango\u003c/li\u003e\n  \u003cli\u003eLichi\u003c/li\u003e\n  \u003cli\u003eOrange\u003c/li\u003e\n  \u003cli\u003eGuava\u003c/li\u003e\n\u003c/ul\u003e\n\n### Unordered List (Disk)\n```html\n\u003cul type=\"disk\"\u003e\n  \u003cli\u003eBanana\u003c/li\u003e\n  \u003cli\u003eApple\u003c/li\u003e\n  \u003cli\u003eMango\u003c/li\u003e\n  \u003cli\u003eLichi\u003c/li\u003e\n  \u003cli\u003eOrange\u003c/li\u003e\n  \u003cli\u003eGuava\u003c/li\u003e\n\u003c/ul\u003e\n```\n\u003cul type=\"disk\"\u003e\n  \u003cli\u003eBanana\u003c/li\u003e\n  \u003cli\u003eApple\u003c/li\u003e\n  \u003cli\u003eMango\u003c/li\u003e\n  \u003cli\u003eLichi\u003c/li\u003e\n  \u003cli\u003eOrange\u003c/li\u003e\n  \u003cli\u003eGuava\u003c/li\u003e\n\u003c/ul\u003e\n\n### Nested Ordered and Unordered List\n```html\n\u003cul type=\"disk\"\u003e\n  \u003cli\u003eFruits\u003c/li\u003e\n    \u003col type=\"i\"\u003e\n      \u003cli\u003eBanana\u003c/li\u003e\n      \u003cli\u003eApple\u003c/li\u003e\n      \u003cli\u003eMango\u003c/li\u003e\n    \u003c/ol\u003e\n  \u003cli\u003eVegetables\u003c/li\u003e\n  \u003cli\u003eRice\u003c/li\u003e\n  \u003cli\u003eOil\u003c/li\u003e\n\u003c/ul\u003e\n```\n\u003cul type=\"disk\"\u003e\n  \u003cli\u003eFruits\u003c/li\u003e\n    \u003col type=\"i\"\u003e\n      \u003cli\u003eBanana\u003c/li\u003e\n      \u003cli\u003eApple\u003c/li\u003e\n      \u003cli\u003eMango\u003c/li\u003e\n    \u003c/ol\u003e\n  \u003cli\u003eVegetables\u003c/li\u003e\n  \u003cli\u003eRice\u003c/li\u003e\n  \u003cli\u003eOil\u003c/li\u003e\n\u003c/ul\u003e\n\n\u003cbr\u003e\u003cbr\u003e\u003cbr\u003e\n# Table\n\n### Table (Default)\n```html\n\u003ctable\u003e\n  \u003ctr\u003e\n    \u003ctd\u003eName\u003c/td\u003e\n    \u003ctd\u003eRoll\u003c/td\u003e\n  \u003c/tr\u003e\n  \u003ctr\u003e\n    \u003ctd\u003eJohn\u003c/td\u003e\n    \u003ctd\u003e2301\u003c/td\u003e\n  \u003c/tr\u003e\n  \u003ctr\u003e\n    \u003ctd\u003eChristopher\u003c/td\u003e\n    \u003ctd\u003e230002\u003c/td\u003e\n  \u003c/tr\u003e\n\u003c/table\u003e\n```\n\u003ctable\u003e\n  \u003ctr\u003e\n    \u003ctd\u003eName\u003c/td\u003e\n    \u003ctd\u003eRoll\u003c/td\u003e\n  \u003c/tr\u003e\n  \u003ctr\u003e\n    \u003ctd\u003eJohn\u003c/td\u003e\n    \u003ctd\u003e2301\u003c/td\u003e\n  \u003c/tr\u003e\n  \u003ctr\u003e\n    \u003ctd\u003eChristopher\u003c/td\u003e\n    \u003ctd\u003e230002\u003c/td\u003e\n  \u003c/tr\u003e\n\u003c/table\u003e\n\n### Table (with double table border)\n```html\n\u003ctable border=\"1\"\u003e\n  \u003ctr\u003e\n    \u003ctd\u003eName\u003c/td\u003e\n    \u003ctd\u003eRoll\u003c/td\u003e\n  \u003c/tr\u003e\n  \u003ctr\u003e\n    \u003ctd\u003eJohn\u003c/td\u003e\n    \u003ctd\u003e2301\u003c/td\u003e\n  \u003c/tr\u003e\n  \u003ctr\u003e\n    \u003ctd\u003eChristopher\u003c/td\u003e\n    \u003ctd\u003e230002\u003c/td\u003e\n  \u003c/tr\u003e\n\u003c/table\u003e\n```\n\u003ctable border=\"1\"\u003e\n  \u003ctr\u003e\n    \u003ctd\u003eName\u003c/td\u003e\n    \u003ctd\u003eRoll\u003c/td\u003e\n  \u003c/tr\u003e\n  \u003ctr\u003e\n    \u003ctd\u003eJohn\u003c/td\u003e\n    \u003ctd\u003e2301\u003c/td\u003e\n  \u003c/tr\u003e\n  \u003ctr\u003e\n    \u003ctd\u003eChristopher\u003c/td\u003e\n    \u003ctd\u003e230002\u003c/td\u003e\n  \u003c/tr\u003e\n\u003c/table\u003e\n\n### Table (with single table border)\n```html\n\u003ctable border=\"1\" cellspacing=\"0\"\u003e\n  \u003ctr\u003e\n    \u003ctd\u003eName\u003c/td\u003e\n    \u003ctd\u003eRoll\u003c/td\u003e\n  \u003c/tr\u003e\n  \u003ctr\u003e\n    \u003ctd\u003eJohn\u003c/td\u003e\n    \u003ctd\u003e2301\u003c/td\u003e\n  \u003c/tr\u003e\n  \u003ctr\u003e\n    \u003ctd\u003eChristopher\u003c/td\u003e\n    \u003ctd\u003e230002\u003c/td\u003e\n  \u003c/tr\u003e\n\u003c/table\u003e\n```\n\u003ctable border=\"1\" cellspacing=\"0\"\u003e\n  \u003ctr\u003e\n    \u003ctd\u003eName\u003c/td\u003e\n    \u003ctd\u003eRoll\u003c/td\u003e\n  \u003c/tr\u003e\n  \u003ctr\u003e\n    \u003ctd\u003eJohn\u003c/td\u003e\n    \u003ctd\u003e2301\u003c/td\u003e\n  \u003c/tr\u003e\n  \u003ctr\u003e\n    \u003ctd\u003eChristopher\u003c/td\u003e\n    \u003ctd\u003e230002\u003c/td\u003e\n  \u003c/tr\u003e\n\u003c/table\u003e\n\n### Table (with table data alignment)\n```html\n\u003ctable border=\"1\" cellspacing=\"0\"\u003e\n  \u003ctr\u003e\n    \u003ctd align=\"left\"\u003eName\u003c/td\u003e\n    \u003ctd align=\"right\"\u003eRoll\u003c/td\u003e\n  \u003c/tr\u003e\n  \u003ctr\u003e\n    \u003ctd align=\"right\"\u003eJohn\u003c/td\u003e\n    \u003ctd align=\"center\"\u003e2301\u003c/td\u003e\n  \u003c/tr\u003e\n  \u003ctr\u003e\n    \u003ctd\u003eChristopher\u003c/td\u003e\n    \u003ctd\u003e230002\u003c/td\u003e\n  \u003c/tr\u003e\n\u003c/table\u003e\n```\n\u003ctable border=\"1\" cellspacing=\"0\"\u003e\n  \u003ctr\u003e\n    \u003ctd align=\"left\"\u003eName\u003c/td\u003e\n    \u003ctd align=\"right\"\u003eRoll\u003c/td\u003e\n  \u003c/tr\u003e\n  \u003ctr\u003e\n    \u003ctd align=\"right\"\u003eJohn\u003c/td\u003e\n    \u003ctd align=\"center\"\u003e2301\u003c/td\u003e\n  \u003c/tr\u003e\n  \u003ctr\u003e\n    \u003ctd\u003eChristopher\u003c/td\u003e\n    \u003ctd\u003e230002\u003c/td\u003e\n  \u003c/tr\u003e\n\u003c/table\u003e\n\n### Table (with table row alignment)\n```html\n\u003ctable border=\"1\" cellspacing=\"0\"\u003e\n  \u003ctr align=\"center\"\u003e\n    \u003ctd\u003eName\u003c/td\u003e\n    \u003ctd\u003eRoll\u003c/td\u003e\n  \u003c/tr\u003e\n  \u003ctr align=\"right\"\u003e\n    \u003ctd\u003eJohn\u003c/td\u003e\n    \u003ctd\u003e2301\u003c/td\u003e\n  \u003c/tr\u003e\n  \u003ctr\u003e\n    \u003ctd\u003eChristopher\u003c/td\u003e\n    \u003ctd\u003e230002\u003c/td\u003e\n  \u003c/tr\u003e\n\u003c/table\u003e\n```\n\u003ctable border=\"1\" cellspacing=\"0\"\u003e\n  \u003ctr align=\"center\"\u003e\n    \u003ctd\u003eName\u003c/td\u003e\n    \u003ctd\u003eRoll\u003c/td\u003e\n  \u003c/tr\u003e\n  \u003ctr align=\"right\"\u003e\n    \u003ctd\u003eJohn\u003c/td\u003e\n    \u003ctd\u003e2301\u003c/td\u003e\n  \u003c/tr\u003e\n  \u003ctr\u003e\n    \u003ctd\u003eChristopher\u003c/td\u003e\n    \u003ctd\u003e230002\u003c/td\u003e\n  \u003c/tr\u003e\n\u003c/table\u003e\n\n### Table (with table heading row)\n```html\n\u003ctable border=\"1\" cellspacing=\"0\"\u003e\n  \u003ctr\u003e\n    \u003cth\u003eName\u003c/th\u003e\n    \u003cth\u003eRoll\u003c/th\u003e\n  \u003c/tr\u003e\n  \u003ctr\u003e\n    \u003ctd\u003eJohn\u003c/td\u003e\n    \u003ctd\u003e2301\u003c/td\u003e\n  \u003c/tr\u003e\n  \u003ctr\u003e\n    \u003ctd\u003eChristopher\u003c/td\u003e\n    \u003ctd\u003e230002\u003c/td\u003e\n  \u003c/tr\u003e\n\u003c/table\u003e\n```\n\u003ctable border=\"1\" cellspacing=\"0\"\u003e\n  \u003ctr\u003e\n    \u003cth\u003eName\u003c/th\u003e\n    \u003cth\u003eRoll\u003c/th\u003e\n  \u003c/tr\u003e\n  \u003ctr\u003e\n    \u003ctd\u003eJohn\u003c/td\u003e\n    \u003ctd\u003e2301\u003c/td\u003e\n  \u003c/tr\u003e\n  \u003ctr\u003e\n    \u003ctd\u003eChristopher\u003c/td\u003e\n    \u003ctd\u003e230002\u003c/td\u003e\n  \u003c/tr\u003e\n\u003c/table\u003e\n\n### Table (Rowspan)\n```html\n\u003ctable border=\"1\" cellspacing=\"0\"\u003e\n  \u003ctr\u003e\n    \u003cth\u003eName\u003c/th\u003e\n    \u003cth\u003eBatch\u003c/th\u003e\n    \u003cth\u003eRoll\u003c/th\u003e\n  \u003c/tr\u003e\n  \u003ctr\u003e\n    \u003ctd\u003eJohn\u003c/td\u003e\n    \u003ctd rowspan=\"2\"\u003e23\u003c/td\u003e\n    \u003ctd\u003e2301\u003c/td\u003e\n  \u003c/tr\u003e\n  \u003ctr\u003e\n    \u003ctd\u003eChristopher\u003c/td\u003e\n    \u003ctd\u003e230002\u003c/td\u003e\n  \u003c/tr\u003e\n\u003c/table\u003e\n```\n\u003ctable border=\"1\" cellspacing=\"0\"\u003e\n  \u003ctr\u003e\n    \u003cth\u003eName\u003c/th\u003e\n    \u003cth\u003eBatch\u003c/th\u003e\n    \u003cth\u003eRoll\u003c/th\u003e\n  \u003c/tr\u003e\n  \u003ctr\u003e\n    \u003ctd\u003eJohn\u003c/td\u003e\n    \u003ctd rowspan=\"2\"\u003e23\u003c/td\u003e\n    \u003ctd\u003e2301\u003c/td\u003e\n  \u003c/tr\u003e\n  \u003ctr\u003e\n    \u003ctd\u003eChristopher\u003c/td\u003e\n    \u003ctd\u003e230002\u003c/td\u003e\n  \u003c/tr\u003e\n\u003c/table\u003e\n\n### Table (Colspan)\n```html\n\u003ctable border=\"1\" cellspacing=\"0\"\u003e\n  \u003ctr\u003e\n    \u003cth colspan=\"2\"\u003eFirst Name \u0026 Last Name\u003c/th\u003e\n    \u003cth\u003eRoll\u003c/th\u003e\n  \u003c/tr\u003e\n  \u003ctr\u003e\n    \u003ctd\u003eJohn\u003c/td\u003e\n    \u003ctd\u003eRichard\u003c/td\u003e\n    \u003ctd\u003e2301\u003c/td\u003e\n  \u003c/tr\u003e\n  \u003ctr\u003e\n    \u003ctd\u003eChristopher\u003c/td\u003e\n    \u003ctd\u003eTyler\u003c/td\u003e\n    \u003ctd\u003e230002\u003c/td\u003e\n  \u003c/tr\u003e\n\u003c/table\u003e\n```\n\u003ctable border=\"1\" cellspacing=\"0\"\u003e\n  \u003ctr\u003e\n    \u003cth colspan=\"2\"\u003eFirst Name \u0026 Last Name\u003c/th\u003e\n    \u003cth\u003eRoll\u003c/th\u003e\n  \u003c/tr\u003e\n  \u003ctr\u003e\n    \u003ctd\u003eJohn\u003c/td\u003e\n    \u003ctd\u003eRichard\u003c/td\u003e\n    \u003ctd\u003e2301\u003c/td\u003e\n  \u003c/tr\u003e\n  \u003ctr\u003e\n    \u003ctd\u003eChristopher\u003c/td\u003e\n    \u003ctd\u003eTyler\u003c/td\u003e\n    \u003ctd\u003e230002\u003c/td\u003e\n  \u003c/tr\u003e\n\u003c/table\u003e\n\n\u003cbr\u003e\u003cbr\u003e\u003cbr\u003e\n# Examples\n\n### Complex Table 1\n\u003cfigure\u003e\n  \u003cimg src=\"images/Screenshot_1.png\"width=\"500\"\u003e\n\u003c/figure\u003e\n\u003ci\u003e\u003cb\u003eHint:\u003c/b\u003e Use colspan, rowspan, hyperlink, image and line break tags. Click \u003ca href=\"39.html\"\u003ehere\u003c/a\u003e to get the answer.\u003c/i\u003e\n\n### Complex Table 2\n\u003cfigure\u003e\n  \u003cimg src=\"images/Screenshot_2.png\"width=\"500\"\u003e\n\u003c/figure\u003e\n\u003ci\u003e\u003cb\u003eHint:\u003c/b\u003e Use colspan, rowspan and table data alignments. Click \u003ca href=\"44.html\"\u003ehere\u003c/a\u003e to get the answer.\u003c/i\u003e\n\n### Complex Table 3\n\u003cfigure\u003e\n  \u003cimg src=\"images/Screenshot_3.png\"width=\"500\"\u003e\n\u003c/figure\u003e\n\u003ci\u003e\u003cb\u003eHint:\u003c/b\u003e Use colspan, rowspan and vertical alignment. Click \u003ca href=\"valign.html\"\u003ehere\u003c/a\u003e to get the answer.\u003c/i\u003e\n\n### Complex Table 4\n\u003cfigure\u003e\n  \u003cimg src=\"images/Screenshot_4.png\"width=\"500\"\u003e\n\u003c/figure\u003e\n\u003ci\u003e\u003cb\u003eHint:\u003c/b\u003e Use colspan, rowspan and table data alignment. Click \u003ca href=\"46.html\"\u003ehere\u003c/a\u003e to get the answer.\u003c/i\u003e\n\n### Complex Table 5\n\u003cfigure\u003e\n  \u003cimg src=\"images/Screenshot_5.png\"width=\"500\"\u003e\n\u003c/figure\u003e\n\u003ci\u003e\u003cb\u003eHint:\u003c/b\u003e Use colspan, rowspan and ordered list. Click \u003ca href=\"42.html\"\u003ehere\u003c/a\u003e to get the answer.\u003c/i\u003e\n\n### Complex Table 6\n\u003cfigure\u003e\n  \u003cimg src=\"images/Screenshot_6.png\"width=\"500\"\u003e\n\u003c/figure\u003e\n\u003ci\u003e\u003cb\u003eHint:\u003c/b\u003e Try yourself! Click \u003ca href=\"50.html\"\u003ehere\u003c/a\u003e to get the answer.\u003c/i\u003e\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fnishatrhythm%2Fhtml-for-beginners","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fnishatrhythm%2Fhtml-for-beginners","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fnishatrhythm%2Fhtml-for-beginners/lists"}