emmet
This mind map provides a concise overview of HTML element creation shortcuts using Emmet syntax. Each symbol is explained with examples, demonstrating how to quickly create various HTML structures: # – Assigns an ID to an element (e.g., div#about). > – Indicates child elements (e.g., div > a). * – Creates multiple elements (e.g., div*2). {} – Inserts content inside an element (e.g., div{test}). [] – Adds attributes or parameters (e.g., button[type="button"]). . – Assigns class names to eleme...
1. others
1.1. styles
1.1.1. bad
1.1.1.1. Very bad
1.1.2. good
1.1.2.1. very good
1.1.3. not as good
1.1.4. not as bad
1.1.5. important
1.1.5.1. Very important
1.1.6. warning
1.1.7. link
1.2. AUTHOR
1.2.1. Nima Shokouhfar
1.2.1.1. Linkedin
1.2.1.1.1. Follow me on LinkedIn to stay updated on my latest professional insights and tech projects!
1.2.1.2. Youtube
1.2.1.2.1. code with nima
1.2.1.2.2. ideariver
1.2.1.3. Medium
1.2.1.3.1. ✍️ Follow me on Medium to read my latest articles on tech, coding, and innovation!
1.2.1.4. Github
1.2.1.4.1. ⭐️ Give my projects a star on GitHub and explore my repositories to discover new tools and innovations!
1.2.1.4.2. 💖 Sponsor me on GitHub to support my open-source contributions and help me create even more useful projects!
1.2.1.5. upwork
1.2.1.5.1. 💼 Hire me on Upwork for freelance projects. Let’s work together to bring your tech ideas to life!
1.2.1.6. main website: ideariver.ca
1.2.1.6.1. 🚀 Visit IdeaRiver.ca for all my latest projects, blogs, and ways to connect!
2. main
2.1. #
2.1.1. for id
2.1.2. example
2.1.2.1. div#about
2.2. !
2.3. >
2.3.1. for child
2.3.2. example
2.3.2.1. div>a
2.4. *
2.4.1. for multiple
2.4.2. example
2.4.2.1. div*2
2.5. {}
2.5.1. for inside content
2.5.2. example
2.5.2.1. div{test}
2.6. []
2.6.1. for params
2.6.2. example
2.6.2.1. div[test]
2.6.2.2. button[type="button"]
2.7. .
2.7.1. for putting stuff inside the class
2.7.2. example
2.7.2.1. div.border.blue
2.7.2.2. div.blue
2.8. +
2.8.1. create sibilings
2.8.2. example
2.8.2.1. header+body+footer