# Emmet for HTML: A Beginner’s Guide to Writing Faster Markup

1. **What Emmet is?**
    
    it is the shorthand tool used in editors to write html/css code faster using abbreviation.
    
2. **Why Emmet is useful for HTML beginners?**
    
    it helps to reduce time for writing long html code and it reduce the error for writing the code.
    
3. **How Emmet works inside code editors?**
    
    it works by converting the short abbreviation into the full name when you press the enter button.
    
4. **Basic Emmet syntax and abbreviations?**
    
    1. div>p
        
    2. div#main
        
    3. a\[href="#"\]
        
5. **Creating HTML elements using Emmet?**
    
    creating html elements using emment is all about using short abbreviation which convert into full html tag name
    
6. **Adding classes, IDs, and attributes?**
    
    1. div.box
        
    2. section#hero
        
    3. img\[src="logo.png" alt="Logo"\]
        
7. **Creating nested elements?**
    
    1. div>p
        
    2. div>section>h2+p
        
8. Repeating elements using multiplication
    
    1. li\*3
        
    2. li.item$\*4
        
9. **Generating full HTML boilerplate with Emmet**
    
    it is generated by `!` symbol