These are my personal study notes from learning and working with HTML. They collect the document structure, semantic elements, forms, media, accessibility practices, and examples I want to keep in one practical reference.
I am building this collection as I study how browsers read and present HTML. The notes begin with a small valid document, explain why elements and attributes matter, and build toward complete page structures and accessible forms.
The examples use standard HTML and browser features. They do not require a framework or package installation. Each chapter includes practical markup, common mistakes to check, review questions, and links to the relevant reference pages.
- Write a complete HTML document and nest elements correctly
- Structure text, headings, lists, and links
- Add images, media, tables, and forms
- Use semantic landmarks and native interactive elements
- Add document metadata and load external resources correctly
- Build accessible controls with native HTML and ARIA where needed
- Validate forms and test pages in browsers
Open the first HTML file in a browser and follow the chapters in order, or use the index to jump to a specific element. Keep examples small, inspect the rendered result, and compare the markup with the browser accessibility tree.
- MDN HTML documentation
- HTML elements reference
- Structuring content with HTML
- HTML forms guide
- HTML accessibility basics
- Portfolio: https://www.ashishranjan.net
- GitHub: https://github.com/a2rp
- CodePen: https://codepen.io/ash1198
- LinkedIn: https://www.linkedin.com/in/aashishranjan
- Facebook: https://www.facebook.com/theash.ashish/
- YouTube: https://www.youtube.com/@ashishranjan-ashz?sub_confirmation=1
- Email: mailto:ash.ranjan09@gmail.com
- Support: https://a2rp-donation-page.netlify.app/
- Buy Me a Coffee: https://buymeacoffee.com/ashishranjan
- Patreon: https://www.patreon.com/ashishranjan