Arquivo de Layout em Angular

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

<!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:

<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.

Altere o título da página no layout do site.

Escreva algum texto dentro da tag body. Verifique se ele aparece no navegador.

Adicione um cabeçalho, rodapé, barras laterais e conteúdo. Deixe a tag app-root localizada no conteúdo do site.