Arquivo de Layout em Angular

O layout do site está localizado no arquivo src/index.html. Ele ficará mais ou menos assim:

src/index.html<!doctype html>
<html lang="pt-br">
<head>
  <meta charset="utf-8">
  <title>título</title>
  <base href="/">
  <meta name="viewport" content="width=device-width, initial-scale=1">
  <link rel="icon" type="image/x-icon" href="favicon.ico">
</head>
<body>
  <app-root></app-root>
</body>
</html>

Neste arquivo, tudo deve ser compreensível para você, se você estudou HTML, com exceção da tag app-root:

src/index.html<body>
  <app-root></app-root>
</body>

Esta tag não faz parte do HTML. Esta tag é adicionada pelo próprio Angular. No local onde esta tag está escrita, será inserido o código HTML do componente principal. Falaremos sobre isso com mais detalhes na próxima lição.