General question Directives, 2 directives II, HTML tag birth

[wieske]

<PLEASE USE THE FOLLOWING TEMPLATE TO HELP YOU CREATE A GREAT POST!>

https://www.codecademy.com/courses/learn-angularjs/lessons/directives/exercises/directives-directives-ii?action=lesson_resume

Hi there. I have a question.
In part two of the Directives chapter, the previously build directive gets explained. However, I can’t find how the program can read <app-info>, because <app-info> doesn’t get defined anywhere…
So how does the program know how to read <app-info> as explained in the directive?

This is the code from the appInfo.js file. How is the HTML tag <app-info> born?

app.directive('appInfo', function() { 
  return { 
    restrict: 'E', 
    scope: { 
      info: '=' 
    }, 
    templateUrl: 'js/directives/appInfo.html' 
  }; 
});