Quickly Write Multiple Tags in Sublime Text

Generate Multiple HTML Elements with Emmet

Learn about Sublime Text Coding and how it is covered in various hands-on coding classes and bootcamps. Explore classes such as Coding Tips and Tricks, Front-End Web Development, and Full-Stack Web Development alongside the extensive web development Certificates Programs and courses/bootcamps.

Key Insights

  • Sublime Text Coding requires Emmet to be installed to function effectively.
  • Noble Desktop offers a diverse range of classes focused on coding, web development, and more.
  • A class particularly noted is 'Coding Tips and Tricks: Emmet, Sass, and Sublime Text' which focuses on enhancing coding speed and efficiency.
  • For those interested in web development, the 'Front-End Web Development Certificate' may be beneficial.
  • A 'Full-Stack Web Development Certificate' is also available for those wanting to gain extensive knowledge in both front-end and back-end development.
  • Other web development certificate programs and courses/bootcamps are also available, catering to students with different skill levels and learning preferences.

Emmet Multi-Tag Patterns

  • ul>li*5

    Tab expands to a ul with five empty li tags.

  • div*3

    Tab expands to three sibling div tags.

  • p{Hello}*4

    Four <p>Hello</p> tags — text inside curly braces.

  • Cheat Sheet

    docs.emmet.io/cheat-sheet — full reference for all multi-tag patterns.

Note: This keystroke requires Emmet to be installed in Sublime Text. For instructions on how to install Emmet, download our Sublime Text Enhancements Installation Guide.

Learn more Sublime Text Coding Tips. These coding tips are covered in our hands-on coding classes and bootcamps in NYC.

To learn more, check out Noble Desktop’s classes:

Topics

Learn more in these courses

Back to Blog
Yelp Facebook LinkedIn YouTube Twitter Instagram