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

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

Português

2 anos atrás

d)que palavra no cartaz apresenta hiato? e)que mudança de sentido ocorrerá se essa palavra não for acentuada?

Artes

2 anos atrás

o que é poesia para você?

Geografia

2 anos atrás

Resumo sobre Rede ferroviária mi ajudem pfvr é pra hoje

Geografia