My First HTML Page

{"type":"doc","content":[{"type":"heading","attrs":{"level":1},"content":[{"type":"text","marks":[{"type":"bold"}],"text":"Basic HTML Tutorials"}]},{"type":"paragraph","content":[{"type":"text","text":"Welcome! This tutorial will introduce you to the basics of HTML (HyperText Markup Language), the standard markup language for creating web pages."}]},{"type":"horizontalRule"},{"type":"heading","attrs":{"level":2},"content":[{"type":"text","marks":[{"type":"bold"}],"text":"Table of Contents"}]},{"type":"orderedList","attrs":{"start":1,"type":null},"content":[{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","marks":[{"type":"link","attrs":{"href":"https://github.com/copilot/c/c5f9b6c1-3bab-44bb-a40b-542ceb2d5e03#what-is-html","target":"_blank","rel":"noopener noreferrer nofollow","class":"text-muted-foreground underline underline-offset-[3px] hover:text-primary transition-colors cursor-pointer"}},{"type":"underline"}],"text":"What is HTML?"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","marks":[{"type":"link","attrs":{"href":"https://github.com/copilot/c/c5f9b6c1-3bab-44bb-a40b-542ceb2d5e03#html-document-structure","target":"_blank","rel":"noopener noreferrer nofollow","class":"text-muted-foreground underline underline-offset-[3px] hover:text-primary transition-colors cursor-pointer"}},{"type":"underline"}],"text":"HTML Document Structure"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","marks":[{"type":"link","attrs":{"href":"https://github.com/copilot/c/c5f9b6c1-3bab-44bb-a40b-542ceb2d5e03#common-html-tags","target":"_blank","rel":"noopener noreferrer nofollow","class":"text-muted-foreground underline underline-offset-[3px] hover:text-primary transition-colors cursor-pointer"}},{"type":"underline"}],"text":"Common HTML Tags"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","marks":[{"type":"link","attrs":{"href":"https://github.com/copilot/c/c5f9b6c1-3bab-44bb-a40b-542ceb2d5e03#creating-links-and-images","target":"_blank","rel":"noopener noreferrer nofollow","class":"text-muted-foreground underline underline-offset-[3px] hover:text-primary transition-colors cursor-pointer"}},{"type":"underline"}],"text":"Creating Links and Images"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","marks":[{"type":"link","attrs":{"href":"https://github.com/copilot/c/c5f9b6c1-3bab-44bb-a40b-542ceb2d5e03#lists-in-html","target":"_blank","rel":"noopener noreferrer nofollow","class":"text-muted-foreground underline underline-offset-[3px] hover:text-primary transition-colors cursor-pointer"}},{"type":"underline"}],"text":"Lists in HTML"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","marks":[{"type":"link","attrs":{"href":"https://github.com/copilot/c/c5f9b6c1-3bab-44bb-a40b-542ceb2d5e03#adding-comments","target":"_blank","rel":"noopener noreferrer nofollow","class":"text-muted-foreground underline underline-offset-[3px] hover:text-primary transition-colors cursor-pointer"}},{"type":"underline"}],"text":"Adding Comments"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","marks":[{"type":"link","attrs":{"href":"https://github.com/copilot/c/c5f9b6c1-3bab-44bb-a40b-542ceb2d5e03#conclusion","target":"_blank","rel":"noopener noreferrer nofollow","class":"text-muted-foreground underline underline-offset-[3px] hover:text-primary transition-colors cursor-pointer"}},{"type":"underline"}],"text":"Conclusion"}]}]}]},{"type":"horizontalRule"},{"type":"heading","attrs":{"level":2},"content":[{"type":"text","marks":[{"type":"bold"}],"text":"What is HTML?"}]},{"type":"paragraph","content":[{"type":"text","text":"HTML stands for "},{"type":"text","marks":[{"type":"bold"}],"text":"HyperText Markup Language"},{"type":"text","text":". It is used to create the structure of web pages using elements called \"tags.\""}]},{"type":"horizontalRule"},{"type":"heading","attrs":{"level":2},"content":[{"type":"text","marks":[{"type":"bold"}],"text":"HTML Document Structure"}]},{"type":"paragraph","content":[{"type":"text","text":"Every HTML document has a basic structure:"}]},{"type":"codeBlock","attrs":{"language":"typescript"},"content":[{"type":"text","text":"\n\n \n My First HTML Page\n \n \n \n \n"}]},{"type":"paragraph","content":[{"type":"text","marks":[{"type":"bold"}],"text":"Explanation:"}]},{"type":"bulletList","content":[{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","marks":[{"type":"code"}],"text":""},{"type":"text","text":": Tells the browser this is an HTML5 document."}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","marks":[{"type":"code"}],"text":""},{"type":"text","text":": Root element."}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","marks":[{"type":"code"}],"text":""},{"type":"text","text":": Contains meta information (not shown on the page)."}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","marks":[{"type":"code"}],"text":""},{"type":"text","text":": Sets the page title in the browser tab."}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","marks":[{"type":"code"}],"text":"<body>"},{"type":"text","text":": Contains visible content."}]}]}]},{"type":"horizontalRule"},{"type":"heading","attrs":{"level":2},"content":[{"type":"text","marks":[{"type":"bold"}],"text":"Common HTML Tags"}]},{"type":"paragraph","content":[{"type":"text","text":"Here are some essential HTML tags:"}]},{"type":"paragraph","content":[{"type":"text","marks":[{"type":"bold"}],"text":"TagDescriptionExample"},{"type":"text","marks":[{"type":"code"}],"text":"<h1>"},{"type":"text","text":"–"},{"type":"text","marks":[{"type":"code"}],"text":"<h6>"},{"type":"text","text":"Headings (largest to smallest)"},{"type":"text","marks":[{"type":"code"}],"text":"<h1>Hello</h1><p>"},{"type":"text","text":"Paragraph"},{"type":"text","marks":[{"type":"code"}],"text":"<p>This is a paragraph.</p><strong>"},{"type":"text","text":"Bold text"},{"type":"text","marks":[{"type":"code"}],"text":"<strong>Important</strong><em>"},{"type":"text","text":"Italic text"},{"type":"text","marks":[{"type":"code"}],"text":"<em>Emphasized</em><br>"},{"type":"text","text":"Line break"},{"type":"text","marks":[{"type":"code"}],"text":"First line<br>Second line<hr>"},{"type":"text","text":"Horizontal rule (line)"},{"type":"text","marks":[{"type":"code"}],"text":"<hr>"}]},{"type":"horizontalRule"},{"type":"heading","attrs":{"level":2},"content":[{"type":"text","marks":[{"type":"bold"}],"text":"Creating Links and Images"}]},{"type":"heading","attrs":{"level":3},"content":[{"type":"text","marks":[{"type":"bold"}],"text":"Links"}]},{"type":"paragraph","content":[{"type":"text","text":"To link to another page, use the "},{"type":"text","marks":[{"type":"code"}],"text":"<a>"},{"type":"text","text":" tag:"}]},{"type":"codeBlock","attrs":{"language":"typescript"},"content":[{"type":"text","text":"<a href=\"https://www.example.com\">Visit Example.com</a>"}]},{"type":"heading","attrs":{"level":3},"content":[{"type":"text","marks":[{"type":"bold"}],"text":"Images"}]},{"type":"paragraph","content":[{"type":"text","text":"To display an image, use the "},{"type":"text","marks":[{"type":"code"}],"text":"<img>"},{"type":"text","text":" tag:"}]},{"type":"codeBlock","attrs":{"language":"typescript"},"content":[{"type":"text","text":"<img src=\"https://www.example.com/image.jpg\" alt=\"Description\">"}]},{"type":"bulletList","content":[{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","marks":[{"type":"code"}],"text":"src"},{"type":"text","text":": Image URL or file path."}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","marks":[{"type":"code"}],"text":"alt"},{"type":"text","text":": Alternative text for screen readers."}]}]}]},{"type":"horizontalRule"},{"type":"heading","attrs":{"level":2},"content":[{"type":"text","marks":[{"type":"bold"}],"text":"Lists in HTML"}]},{"type":"heading","attrs":{"level":3},"content":[{"type":"text","marks":[{"type":"bold"}],"text":"Unordered List"}]},{"type":"codeBlock","attrs":{"language":"typescript"},"content":[{"type":"text","text":"<ul>\n <li>Item One</li>\n <li>Item Two</li>\n</ul>"}]},{"type":"heading","attrs":{"level":3},"content":[{"type":"text","marks":[{"type":"bold"}],"text":"Ordered List"}]},{"type":"codeBlock","attrs":{"language":"typescript"},"content":[{"type":"text","text":"<ol>\n <li>First</li>\n <li>Second</li>\n</ol>"}]},{"type":"horizontalRule"},{"type":"heading","attrs":{"level":2},"content":[{"type":"text","marks":[{"type":"bold"}],"text":"Adding Comments"}]},{"type":"paragraph","content":[{"type":"text","text":"Comments are not displayed in the browser. They are useful for notes in your code:"}]},{"type":"codeBlock","attrs":{"language":"typescript"},"content":[{"type":"text","text":""}]},{"type":"horizontalRule"},{"type":"heading","attrs":{"level":2},"content":[{"type":"text","marks":[{"type":"bold"}],"text":"Conclusion"}]},{"type":"paragraph","content":[{"type":"text","text":"This covers the basics of HTML! To learn more, explore resources like:"}]},{"type":"bulletList","content":[{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","marks":[{"type":"link","attrs":{"href":"https://developer.mozilla.org/en-US/docs/Web/HTML","target":"_blank","rel":"nofollow","class":"text-muted-foreground underline underline-offset-[3px] hover:text-primary transition-colors cursor-pointer"}},{"type":"underline"}],"text":"MDN Web Docs - HTML"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","marks":[{"type":"link","attrs":{"href":"https://www.w3schools.com/html/","target":"_blank","rel":"nofollow","class":"text-muted-foreground underline underline-offset-[3px] hover:text-primary transition-colors cursor-pointer"}},{"type":"underline"}],"text":"W3Schools HTML Tutorial"}]}]}]},{"type":"paragraph","content":[{"type":"text","text":"Happy coding!"}]}]}</article></body></html>