abbr.html

<!-- BASIC TAGS, CLASSES & IDS -->

<!-- div -->

<!-- h1 -->

<!-- Common Shortcuts bq hdr ftr btn -->

<!-- h1.myheading -->

<!-- div.myclass OR .myclass -->

<!-- .class1.class2 -->

<!-- div#myid or #myid -->

<!-- #myid.myclass -->


<!-- ADDING CONTENT {} -->

<!-- h1{My Title} -->

<!-- h1.red{My Red Title} -->

<!-- p>{Click }+a{here}+{ to continue} -->

<!-- NESTING -->

<!-- div>ul>li -->

<!-- div>ul>li{List Item 1} -->




<!-- MULTIPLICATION * -->

<!-- ul#navigation>li*5>{List Item 1} -->



<!-- SIBLINGS + -->

<!-- div+ul+li -->

<!-- h1.title+p.body -->

<!-- div>h1.title+p.body -->


<!-- GROUPIONG () -->

<!-- div>(header>ul>li*2>a)+footer>p -->


<!-- ATTRIBUTES -->

<!-- a[href="http://google.com" target="_blank"] -->



<!-- FORMS & INPUT -->

<!-- form -->

<!-- form:get -->

<!-- form:post -->

<!-- label -->

<!-- input -->

<!-- inp -->

<!-- input:email -->

<!-- input:s -->

<!-- select -->



<!-- EXTENDED STRUCTURE + -->

<!-- select+ -->

<!-- table+ -->

<!-- ol+ -->

<!-- ul+ -->




<!-- CUSTOM ALIASES edit snippets.json file -->

<!-- post -->

<!-- DOCTYPE AND STRUCTURE -->

<!-- ! -->

<!-- html:5 -->

<!-- html:4t -->

<!-- LOREM IPSUM GENERATOR -->

<!-- lorem -->

<!-- lorem10 -->

<!-- ul.mylist>lorem10.item*4 -->