Scribd
Carregar
1 visualizações12 páginas

HTML Css Exercicios

O documento introduz HTML e CSS, explicando que HTML estrutura o conteúdo e CSS estiliza. Ele apresenta a estrutura básica do HTML, propriedades comuns de CSS, o modelo de caixa e o sistema de layout Flexbox. Além disso, inclui exercícios e mini projetos para praticar as habilidades adquiridas.

Enviado por

lilithdaemoni
Direitos autorais
© All Rights Reserved
Levamos muito a sério os direitos de conteúdo. Se você suspeita que este conteúdo é seu, reivindique-o aqui.
Formatos disponíveis
Baixe no formato PDF, TXT ou leia on-line no Scribd
1 visualizações12 páginas

HTML Css Exercicios

O documento introduz HTML e CSS, explicando que HTML estrutura o conteúdo e CSS estiliza. Ele apresenta a estrutura básica do HTML, propriedades comuns de CSS, o modelo de caixa e o sistema de layout Flexbox. Além disso, inclui exercícios e mini projetos para praticar as habilidades adquiridas.

Enviado por

lilithdaemoni
Direitos autorais
© All Rights Reserved
Levamos muito a sério os direitos de conteúdo. Se você suspeita que este conteúdo é seu, reivindique-o aqui.
Formatos disponíveis
Baixe no formato PDF, TXT ou leia on-line no Scribd

Introdução ao HTML e CSS

HTML estrutura o conteúdo da página, enquanto CSS estiliza esse conteúdo. Juntos, formam a
base do desenvolvimento web moderno.
Estrutura Básica HTML
<!DOCTYPE html> <html> <head> <title>Minha Página</title> </head> <body> <h1>Olá
Mundo</h1> </body> </html>
Introdução ao CSS
CSS pode ser usado inline, interno ou externo. Exemplo: p { color: blue; font-size: 16px; }
Cores e Tipografia
Propriedades comuns: color, background-color, font-size, font-family Exemplo: body {
background-color: #f0f0f0; }
Box Model
Todo elemento tem: margin, border, padding, content Isso controla o espaçamento e layout.
Flexbox
Sistema moderno de layout: .container { display: flex; justify-content: center; align-items: center; }
Exercício 1
Crie uma página HTML com: - Um título - Um parágrafo - Uma lista com 3 itens
Exercício 2
Adicione CSS: - Mude a cor do fundo - Centralize o texto - Altere a fonte
Mini Projeto 1
Crie um cartão de perfil: - Nome - Foto - Descrição Use CSS para estilizar (cores, bordas,
espaçamento).
Mini Projeto 2
Crie uma página de login: - Campo usuário - Campo senha - Botão Estilize com CSS moderno.
Mini Projeto 3
Crie um layout com Flexbox: - Cabeçalho - Conteúdo - Rodapé
Conclusão
Pratique criando projetos reais. HTML e CSS são fundamentais para qualquer desenvolvedor web.

Você também pode gostar