Simple, Parameterized and Surround Live Templates
Simple Live Templates
A Simple template contains some fixed code that expands into plain text. When invoked and expanded in the editor, the code specified in the template is automatically inserted into your source code, replacing the abbreviation.
Parameterized Live Templates
A Parameterized template contains plain text and variables that enable user input.
After a template is expanded, variables appear in the editor as input fields whose values can be either filled in by the user or calculated by WebStorm automatically.
Surround Live Templates
Surround templates work only with blocks of selected text. Such templates place code before and after the selected block.
Insert parameterized live template (Ctrl+J):
Surround with live template (Ctrl+Alt+J):
Refer also to the page Wrapping a Tag. Example of Applying Surround Live Templates.