Snippets

In Sublime Text 3, you simply need to type in html:5 in your HTML file and hit the Tab key to get a basic boilerplate for your HTML. So, all of the code that we had to type in TextEdit can be quickly written for us:

<!DOCTYPE html> 
<html> 
<head> 
        <title></title> 
</head> 
<body> 
 
</body> 
</html> 

Another thing is when you type in div and hit the Tab key, you can have div expanded with the closing tag created automatically and the cursor right in between the opening and closing div tag:

We can do this for any HTML element; just type in something like p and hit Tab and get your cursor right in between:

That is beautiful! It's really nice ...

Get Mastering CSS now with the O’Reilly learning platform.

O’Reilly members experience books, live events, courses curated by job role, and more from O’Reilly and nearly 200 top publishers.