Adding tag command reference

index.html

@@ -62,6 +62,7 @@ <h4>Remote Server</h4>
     <div class="twocol last">
       <h4>&nbsp;</h4>
       <a id="open-push" class="openswitch" href="#">git push</a>
+      <a id="open-tag" class="openswitch" href="#">git tag</a>
     </div>
   </div>
   <div class="row concept-area">
@@ -76,6 +77,20 @@ <h4>&nbsp;</h4>
       </p>
       <div class="playground-container"></div>
     </div>
+    <div id="ExplainGitTag-Container" class="twelvecol concept-container">
+      <p>
+        <span class="cmd">git tag name</span> will create a new tag named "name".
+        Creating tags just creates a new tag pointing to the currently checked out commit.
+      </p>
+      <p>
+        Tags can be deleted using the command <span class="cmd">git tag -d name</span> (coming soon).
+      </p>
+      <p>
+        Type <span class="cmd">git commit</span> and <span class="cmd">git tag</span> commands
+        to your hearts desire until you understand this concept.
+      </p>
+      <div class="playground-container"></div>
+    </div>
     <div id="ExplainGitBranch-Container" class="twelvecol concept-container">
       <p>
         <span class="cmd">git branch name</span> will create a new branch named "name".
@@ -337,6 +352,28 @@ <h2>Specific Examples</h2>
 });
 </script>
 
+<script type="text/javascript">
+require(['explaingit'], function (explainGit) {
+    var openSwitch = document.getElementById('open-tag'),
+        open;
+
+    open = function () {
+        explainGit.reset();
+        this.classList.add('selected');
+
+        explainGit.open({
+            name: 'Tag',
+            baseLine: 0.6,
+            commitData: [
+                {id: 'e137e9b', tags: ['master']}
+            ]
+        });
+    };
+
+    openSwitch.addEventListener('click', open, false);
+});
+</script>
+
 <script type="text/javascript">
 require(['explaingit'], function (explainGit) {
     var openSwitch = document.getElementById('open-checkout'),