Exercício de apresentação

Vamos praticar o que aprendemos.

• Crie um projeto contendo
• 2 arquivos no diretório principal (index.html e contact.html)
• 1 diretório de nome: files
• dentro desse diretório adicione 2 imagens da sua preferência e 1 arquivo de nome images.html, que irá listar as imagens

Dentro de cada arquivo .html, você deverá colocar:

1. Menu de navegação com uma lista <li></li> não ordenada <ul></ul>
2. título <h1></h1> da página
3. Um mais parágrafos <p></p> com informações da página

A Navegação

Para o menu de navegação use a tag <nav></nav> e coloque a lista não ordenada como conteúdo da tag.

O conteúdo do link deverá ser o nome da página .html que existe no projeto, sendo que para cada página, iremos ter um link.

Ao clicarmos no link, deveremos ser direcionados à página clicada.

Páginas imagens.html

Como conteúdo desta página, além do que foi pedido, adicionar também

1. As duas imagens que você tem na pasta;
2. Use a tag p para colocar a tag img.

obs: imagens de tamanho muito grande, poderão não se adaptar bem, mas não se preocupe com isso agora, pois logo aprenderemos a como melhorar isso.

Página contact.html

Como conteúdo desta página, além do que foi pedido, adicionar também:

1. Colocar suas informações de contato: email e telefone;
2. Cada informação deverá estar dentro de um link que quando clicado, irá abrir a respectiva informação de contato (email ou telefone)

Dicas

• Para o conteúdo da tag <p></p>, se desejar, poderá fazer o uso do atalholorem que existe no Visual Studio Code.
• Para isso digite lorem e em seguida aperte tab.

atenção: alguns computadores isso pode não funcionar, portanto, ão atenha a isso e continue o exercício sem essa dica.

Bom exercício.