# Sublime Text HTML Snippets _A work in progress._ Type the snippet shortcode and then press Tab to complete the snippet. The snippets are listed below in alphabetical order. The '$1' indicates the position of the caret/s. Some snippets have been set up so that pressing Tab jumps the caret/s to the next predefined spot. It's a little hard to explain, but any snippet that has a $1/$2/$3/etc. uses this technique. Feel free to play with, alter, expand, or ruin these snippets as you please. I only ask that if you come up with an incredibly handy snippet, or simply one that I have missed, that you let me know (via email, Twitter or GitHub) so that I can improve these for everybody. Thanks! __IMPORTANT: If you are also using Emmet, add the following to Emmet's user settings file:__ `"disabled_single_snippets": "fig meta nav ol script style ul"` --- __a__ ```html $2 ``` __comm__ ```html ``` __cond__ ```html ``` __doctype__ ```html ${2:Untitled} $3 ``` __dummy__ ```html One morning, when Gregor Samsa woke from troubled dreams, he found himself transformed in his bed into a horrible vermin. He lay on his armour-like back, and if he lifted his head a little he could see his brown belly, slightly domed and divided by arches into stiff sections. The bedding was hardly able to cover it and seemed ready to slide off any moment. His many legs, pitifully thin compared with the size of the rest of him, waved about helplessly as he looked. "What's happened to me? " he thought. ``` __fig__ ```html
``` __ga__ ```html ``` __ga2__ ```html ``` __img__ ```html $2 ``` __jquery__ ```html ``` __lorem__ ```html Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum. ``` __meta__ ```html ``` __nav__ For when using `inline-block`. ```html ``` __nav2__ ```html ``` __ol__ ```html
  1. $1
  2. $2
  3. $3
  4. $4
``` __script__ ```html ``` __shiv__ ```html ``` __style__ ```html ``` __ul__ ```html ``` __inp:text__ ```html ``` __inp:tel__ ```html ``` __inp:radio__ ```html ``` __inp:check__ ```html ``` __inp:email__ ```html ``` __inp:pass__ ```html ``` __inp:submit__ ```html ``` ```css ```