HTML, CSS, Js

O documento apresenta uma introdução ao HTML, CSS e JavaScript, explicando suas funções na construção e estilização de sites. Exemplos práticos são fornecidos para cada tecnologia, demonstrando como criar uma página básica, aplicar estilos e adicionar interatividade. O texto também sugere dicas para continuar aprendendo e praticando essas habilidades.

Enviado por

pedrohenriquems1207

Direitos autorais

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 PPTX, PDF, TXT ou leia on-line no Scribd

0% acharam este documento útil (0 voto)

9 visualizações13 páginas

HTML, CSS, Js

Enviado por

pedrohenriquems1207

Direitos autorais

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 PPTX, PDF, TXT ou leia on-line no Scribd

Você está na página 1/ 13

Introdução ao HTML, CSS e JavaScript

sites incríveis! A web é construída com HTML, estilizada com CSS e ganha i
O que é HTML?
efine como o conteúdo de uma página será organizado, com elementos co
Exemplo prático de HTML
<!DOCTYPE html>
<html lang="pt-BR">
<head>
<meta charset="UTF-8">
<title>Meu Primeiro Site</title>
</head>
<body>
<h1>Olá, mundo!</h1>
<p>Bem-vindo ao meu primeiro site!</p>
</body>
</html>
O que é CSS?
Ele muda a aparência dos elementos HTML, como cor, fonte e layout. Sem C
Exemplo prático de CSS
h1 {
color: blue;
font-size: 40px;
text-align: center;
}

p{
color: green;
font-size: 20px;
}
O que é JavaScript?
de. Ele permite que o site reaja ao usuário, como ao clicar em um botão ou
Exemplo prático de JavaScript
alert('Bem-vindo ao meu site!');

console.log('Interação com o site realizada com sucesso!');

Como tudo se conecta?
za, e JavaScript dá vida ao seu site. Todos são essenciais para criar páginas
Projeto final - HTML
Estrutura do código com HTML: Títulos, Parágrafos, Links e Imagens.

Prepare o esqueleto da sua página.

Projeto final - CSS
vamos deixar o seu site com um visual agradável. Altere cores, fontes e esp
Projeto final - JavaScript
ne interatividade! Crie alertas, mostre mensagens e reaja ao clique dos visit
Resultado Final
u seu primeiro site! Agora continue praticando e explore mais tags, proprie
Dicas para continuar
1. Crie mais projetos!
2. Explore mais tags e atributos!
3. Aprenda mais sobre frameworks CSS e bibliotecas JavaScript!

HTML, CSS, Js

Enviado por

HTML, CSS, Js

Enviado por

Introdução ao HTML, CSS e JavaScript

console.log('Interação com o site realizada com sucesso!');

Prepare o esqueleto da sua página.

Você também pode gostar