anchor.diff:          | Angular allows you to create custom HTML elements through components. Components are used to structure and represent the UI. This quickstart demonstrates the process of creating a <code>Component</code> with the HTML tag of <code>app</code>.
           
         pre
  -        code &lt;hello&gt;&lt;/hello&gt;
  +        code &lt;app&gt;&lt;/app&gt;
         
         p A <code>Component</code> is made up of two parts; the annotation section and the component controller.
         
         pre
           code
             | import {Component, Template, bootstrap} from 'angular2/angular2';
  +          | <!-- -->
  +          | // Annotation Section
             | @Component({ 
             |   selector: 'app'
             | })
  
positive.code:           |     &lt;h1&gt;Hello {{ name }}&lt;/h1&gt;
            |   `
            | })
            | class AppComponent {
            |   constructor() {
            |     this.name = "Alice";
            |   }
            | }
            | bootstrap(AppComponent);
          
        section.docs-sub-section
          h4 Component Annotations
          .c6
            p
              | The annotation section is where you can describe meta-data about your
              code component 
              | You can always identify an annotation by its 
              code @ 
              | sign. The <code>Component</code> annotation tells Angular what the HTML tag will be for your component. The tag is specified by using the <code>selector</code> property. The <code>selector</code> property is just a CSS selector.
            p 
              | The <code>Template</code> annotations tells Angular what template to apply to your component. This component uses an inline template, but external templates are available as well. To use an external template specify a <code>url</code> property and give it the path to the template.
            pre
              code
                | @Component({ 
  
negative.code:               |   `
                | })
            p
              | The component created above will have a HTML tag of <code>&lt;app&gt;&lt;/app&gt;</code> and a template of <code>&lt;h1&gt;Hello {{ name }}&lt;/h1&gt;</code>.
          .clear
          
        section.docs-sub-section
  