Setup Zen Coding 

  • Plugins -> Plugin Manager -> Show Plugin Manager
  • Select Zen Coding – Python
  • Click Install
  • Done

Expand Abbreviation -> control + alt + enter

Example. type

html:5

press control alt enter

result is


<!DOCTYPE HTML>
<html lang="en-US">
<head>
	<meta charset="UTF-8">
	<title></title>
</head>
<body>
	
</body>
</html>

Wrapping With Abbreviation -> shift + ctrl + alt + enter

Example. type

About Us
Products
News
Blog
Contact Up

press shift + ctrl + alt + enter

popup appear type

div#header>ul#navigation>li.item$*>a>span

click ok result is

<div id="header">
<ul id="navigation">
	<li class="item1"><a>
 About Us
 </a></li>
	<li class="item2"><a>
 Products
 </a></li>
	<li class="item3"><a>
 News
 </a></li>
	<li class="item4"><a>
 Blog
 </a></li>
	<li class="item5"><a>
 Contact Up
 </a></li>
</ul>
</div>

How to Indent html code(re-format) in notepad++?
– try use plugin XML Tools (Plugins -> XML Tools -> Pretty print .. )

How to do folding in notepad++?
– View -> Fold All, Unfold All, Collapse Current Level, ….