HTML – Zen Coding in Sublime Text

What is Zen Coding?

Check this link: Zen Coding

Install Emmet in Sublime Text:

Zen Coding is known as Emmet now-a-days.

Website:

Emmet

Hello, Emmet !

Emmet Cheat Sheet

Syntax:

For ID:

#“name of id“. then press “Tab” button.
For example,

if the id name is “wrap“; then type:

type #wrap ; then press Tab button.

like this,  #wrap  >  press Tab

Visual:

<div id=”wrap”></div>

For Class:

#“name of class“. then press “Tab” button.
For example,

if the class name is “wrap“; then type:

type #wrap ; then press Tab button.

like this,  #wrap  >  press Tab

Visual:

<div class=”wrap”></div>