Dentro do AppComponent.html foi colocado a tag
:<app-cabecalho></app-cabecalho>
<main></main>
<app-rodape></app-rodape>
Eu não entendi como ela foi renderizada na página, pois não encontrei um selector com esse nome. Encontrei uma classe com esse nome no app.component.css
Olá Luciano! Tudo bem?
A tag <main> que você trouxe é uma tag HTML semântica padrão que não precisa de um seletor específico no Angular para ser renderizada. Ela serve para indicar o conteúdo principal de um documento HTML. No seu caso, ela está sendo usada para estruturar a página, separando o cabeçalho do rodapé.
Mesmo que não haja um seletor ou componente Angular associado a ela, o navegador ainda renderiza a tag <main> como parte do HTML. A presença de uma classe com o nome "main" no arquivo app.component.css sugere que você pode ter estilos aplicados a essa tag, o que pode afetar sua aparência ou comportamento na página.
Por exemplo, se você tiver algo assim no seu CSS:
main {
padding: 20px;
background-color: #f0f0f0;
}
Isso aplicaria um espaçamento e uma cor de fundo à área principal da sua página, delimitada pela tag <main>.
Espero ter ajudado. Conte com o apoio do fórum :)
Abraços e bons estudos!