Informática, perguntado por mmbragaa, 5 meses 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?

Soluções para a tarefa

Respondido por jeanmeira

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?

Pergunta anterior

Próxima pergunta

Perguntas interessantes

ENEM, 5 meses atrás

O esquema corporal é uma noção topográfica que se organiza corporalmente em estruturas, onde a criança cria uma representação mental de si mesma. Essa construção se dá a partir de um corpo que se constrói na relação com o outro, o outro que o nomeia, que o reconhece e reconhece a sua existência. Qual das opções a seguir não corresponde a um dos quatro aspectos que constituem o esquema corporal?

História, 5 meses atrás

Podem me fazer 5 perguntas sobre a Roma antiga? *Com a resposta embaixo por favor.

Saúde, 5 meses atrás

Na natureza, diversas espécies convivem num mesmo ambiente, criando associações ou interações que podem não interferir entre si. Essas associações podem ser do tipo harmônicas ou positivas, quando há benefício mútuo ou ausência de prejuízo mútuo; e desarmônica ou negativa, quando há prejuízo para algum dos participantes. Marque a alternativa que tenha apenas associações do tipo harmônicas.

História, 5 meses atrás

Conquista. E colonização. Espanhola da América...