• Matéria: Informática
  • Autor: mmbragaa
  • Perguntado 2 anos atrás

Título da Prática: Aplicação do uso de CSS em um documento HTML.

Objetivo: O aluno precisa identificar, codificar as propriedades do CSS e aplicar em um documento HTML para reproduzir o layout especificado.

Materiais, Métodos e Ferramentas: O aluno precisa ter um programa de edição de texto para poder codificar e visualizar o layout HTML especificado. O software indicado para isso é o visual studio code. Contudo, pode ser utilizado qualquer software de edição de texto.



Atividade Prática

Nesta atividade prática daremos estilos ao nosso código HTML com as propriedades do CSS e deixar o nosso layout mais interessante. Então para começar faremos os seguintes passos:

1º Passo: Dentro do diretório css crie o arquivo estilo.css

2º Passo: Abaixo da tag title no head inclua o link do css para o arquivo que você acabou de criar

3º Passo: Dentro do arquivo estilo.css , defina que o h2 terá a cor do seu texto como brown

4º Passo: Dentro do arquivo estilo.css , defina que o body terá a cor de fundo como burlywood

5º Passo: Dentro do arquivo estilo.css , defina que a table terá a cor de fundo como blueviolet e a cor de texto white


Rockaxel2560: Queria tirar algumas dúvidas: Você conseguiu fazer a atividade prática sem dar erro no programa de edição? O meu é o VSCode, mas por algum motivo, ele tá dando erro direto. Algumas colunas deram como incorreta ou que estava faltando alguma coisa e tá dando erro de css o tempo todo, mesmo tendo baixado a extensão. Pra completar, mesmo eu adicionando o espaço, as chaves, em algumas partes, o programa não tá reconhecendo o comando de cor, só tá reconhecendo o de background. Alguma recomendação?
mmbragaa: vc colocou alguma coisa no body pra testar?

Respostas

respondido por: jeanmeira
13

Resposta:

Ficaria algo mais ou menos assim:

html:

<!DOCTYPE html>

<html lang="en">

 <head>

   <meta charset="UTF-8" />

   <meta http-equiv="X-UA-Compatible" content="IE=edge" />

   <meta name="viewport" content="width=device-width, initial-scale=1.0" />

   <title>Document</title>

   <link rel="stylesheet" href="./estilo.css" />

 </head>

 <body></body>

</html>

css:

h2 {

 color: brown;

}

body {

 background-color: burlywood;

}

table {

 background-color: blueviolet;

 color: white;

}

Explicação:


Rockaxel2560: Eu estou fazendo essa mesma atividade no meu curso. Só que toda hora o programa de edição fica dando erro em alguma coluna ou comando. Uma ajudinha?
mmbragaa: qual erro tá dando?
Perguntas similares
7 anos atrás