1
resposta

Resolução de Atividades - Lista de Exercícios (Módulo 2 - Documentação e HTML)

1 - Construindo a estrutura básica do HTML

<!DOCTYPE html>

<html>

    <head> 

        <title> Página do Exercício 1 </title>

    </head>

    <body>
    </body>
    
</html>

2 - Adicionando conteúdo ao HMTL

<!DOCTYPE html>

<html>

    <head> 

        <title> Página do Exercício 1 </title>

    </head>

    <body>

        <h1> Projeto de Web - Loja de Roupas Renner </h1>

        <p>

            O projeto visa criar um site para a empresa de roupas de moda Renner. A nossa empresa tem a função de criar o e-commerce da loja e assistência técnica.
            
        </p>

    </body>

</html>

3 - Trabalhando com meta tags e títulos

    <head> 

        <meta charset = "UTF-8">

        <title> Renner - Loja Virtual </title>

    </head>

4 - Organizando conteúdo com tags HTML

<!DOCTYPE html>

<html>

    <head>

        <meta charset = "UTF-8">
        <title> Projeto Pessoal </title>

    </head>

    <body>

        <h1> Canção de Amigo - Martin Codax </h1>
        <h2> Trovadorismo </h2>

        <p> Ondas do mar de Vigo,
            se vistes meu amigo!
            E ai, Deus!, se verrá cedo!
            Ondas do mar levado,
            se vistes meu amado!
            E ai Deus!, se verrá cedo!
            Se vistes meu amigo,
            o por que eu sospiro!
            E ai Deus!, se verrá cedo!
            Se vistes meu amado,
            por que hei gran cuidado!
            E ai Deus!, se verrá cedo! </p>

    </body>

</html>

5 - Adicionando imagens com acessibilidade

<!DOCTYPE html>

<html>

    <head>

        <meta charset = "UTF-8">
        <title> Projeto Pessoal </title>

    </head>

    <body>

        <h1> Canção de Amigo - Martin Codax </h1>
        <h2> Trovadorismo </h2>

        <img src = "TROVADORISMO.jpg" alt = "Um quadro da idade Média retratando um rei ouvindo músicas de seus trovadores">

        <p> Ondas do mar de Vigo,
            se vistes meu amigo!
            E ai, Deus!, se verrá cedo!
            Ondas do mar levado,
            se vistes meu amado!
            E ai Deus!, se verrá cedo!
            Se vistes meu amigo,
            o por que eu sospiro!
            E ai Deus!, se verrá cedo!
            Se vistes meu amado,
            por que hei gran cuidado!
            E ai Deus!, se verrá cedo! </p>

    </body>

</html>

6 - Listando Itens em HTML

        <ul>

            <li> Item 1 </li>
            <li> Item 2 </li>
            <li> Item 3 </li>
        </ul>

7 - Explorando o impacto do DOCTYPE no HTML

Insira aqui a descrição dessa imagem para ajudar na acessibilidade8 - Automatizando a atualização da página com Live Server

Instalado:

Insira aqui a descrição dessa imagem para ajudar na acessibilidade

Mas, não tá funcionando meu LiveServer, nem sequer aparece a opção no canto da tela. Não sei se falta memória ou se alguma extensão não está permitindo o bom funcionamento, mas é algo que já faz algum tempo está assim.

Insira aqui a descrição dessa imagem para ajudar na acessibilidade

1 resposta

Olá, Victor!

No seu código parace que está tudo certo.

Que pena! Parece que você está com problemas no Live Server do Visual Studio Code. Algumas dicas para resolver:

Às vezes, reiniciar o Visual Studio Code pode resolver problemas de extensão.

O Live Server funciona melhor quando você abre a pasta do projeto diretamente no VS Code. Certifique-se de que a pasta que contém seu arquivo HTML está aberta.

Outra dica é clicar com o botão direito no arquivo HTML e veja se a opção "Open with Live Server" aparece. Se não, pode ser necessário verificar se o arquivo está salvo com a extensão .html.

Vá em "File" > "Preferences" > "Settings" e procure por "Live Server". Verifique se as configurações estão corretas.

Abra o console de erros(CTRL + J) do VS Code para ver se há alguma mensagem que possa indicar o problema. Tente também desinstalar e instalar, isso pode já funcionar. Ou use um paralelo como o live preview

Espero que essas dicas ajudem a resolver o problema com o Live Server.

Bons estudos!

Sucesso

Imagem da comunidade