O elemento aside define um bloco de conteúdo que faz referência ao conteúdo principal que o cerca, pode estar ou não em uma barra lateral (sidebar) exibindo informações contextuais, assuntos relacionados, conteúdo publicitário ou um grupo de navegação secundária.
Quando usado dentro de um elemento article , seu conteúdo está diretamente relacionado com o conteúdo do artigo, quando usado fora de um elemento article, está relacionado com o conteúdo global do documento como, por exemplo, uma lista de links de um blog (blogroll), blocos de navegação complementar e também publicidade relacionada com conteúdo do documento.
Veja no exemplo abaixo como o primeiro elemento aside está diretamente relacionado ao conteúdo do elemento article acrescentando informações sobre o conteúdo do artigo (especificando um determinado tipo de trompete) e como o segundo elemento aside oferece informações complementares sobre o conteúdo global da página (os instrumentos de metal em geral)
Sei apenas na teoria mas na prática não sei muito. Fiz os cursos da alura de HTML e CSS 1 e 2 e de Flexbox, porém preciso praticar mais. Hospedar sei só na teoria também.
Com esse dois garanto que irá entender muito de HTML. É interessante você fazer esse projeto abaixo pois te dará uma enorme noção de como é criar um site.